EasyUI Form加载成功时onLoadSuccess的用法

最新推荐文章于 2021-09-19 13:26:09 发布

陈平寨黄山赵子龙

最新推荐文章于 2021-09-19 13:26:09 发布

阅读量8.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： EasyUI 文章标签： easyui

本文链接：https://blog.youkuaiyun.com/qq_25615395/article/details/78214072

EasyUI 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了EasyUI中Form组件的正确使用方法，特别是如何在加载数据后执行回调函数。通过示例对比了正确的实现方式与常见错误做法，并提供了源码片段解释其工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

EasyUI Form加载成功时onLoadSuccess的用法

    // 加载完成后的回调  
    function loadsucc(data) {
        console.log(data);
    }

    function loadRemote() {
        // 设置加载完成后回调  
        $('#ff').form({onLoadSuccess: loadsucc});
        // 第二个参数是url  
        $('#ff').form('load', 'form_data1.json');
    }

上面是正确写法

看到网上很多人想搞load完成之后做个回调但是下面这样做是错误的！！

    $('#editMenu').form('load', {
        url: "你的URL",
        onBeforeLoad: function () {
        },
        onLoadSuccess: function (data) {
            alert(321321);
        }
    });

因为load的第二个参数只能传url，下面是easyui源码，不全，但是可以看到data只是被当做url

    function load(_4b7, data) {
        var opts = $.data(_4b7, "form").options;
        if (typeof data == "string") {
            var _4b8 = {};
            if (opts.onBeforeLoad.call(_4b7, _4b8) == false) {
                return;
            }
            $.ajax({
                url: data, data: _4b8, dataType: "json", success: function (data) {
                    _4b9(data);
                }, error: function () {
                    opts.onLoadError.apply(_4b7, arguments);
                }
            });
        } else {
            _4b9(data);
        }