easyui tree loader用法

時間 2019-11-13

標籤 easyui tree loader 用法简体版

原文原文鏈接

easyui的tree每次都展開，在獲取子節點，自定義參數解決方案，兄跌是否是找好久了！html

直接上代碼 node

//重寫tree的loader
$.extend($.fn.tree.defaults, {
    loader : function (param, success, error) {
        var opts = $(this).tree("options");
        if (!opts.url) {
            return false;
        }
        //添加參數
        if (!$.isEmptyObject(param)) {
            param.rootCode = param.id;
        }
        if (opts.queryParams) {
            param = $.extend({}, opts.queryParams, param);
        }
        $.ajax({
            type : opts.method,
            url : opts.url,
            data : param,
            dataType : "json",
            contentType : "application/json; charset=utf-8", //application/json
            success : function (data) {
                success(data);
            },
            error : function () {
                error.apply(this, arguments);
            }
        });
    }
});

方式二ajax

//設置參數
$.extend($.fn.tree.methods, {
    setQueryParams : function (jq, params) {
        return jq.each(function () {
            $(this).tree("options").queryParams = params;
        });
    }
});

$("#menu").tree({
    url : 'http://ehlccs.cn/ControlServices.svc/GetAsynEasyTree',
    queryParams : {
        "parentID" : 0
    },
    onBeforeExpand : function (node) {
        $("#menu").tree("setQueryParams", {
            "parentID" : node.id
        });
        $('#menu').tree('options').url = "http://ehlccs.cn/ControlServices.svc/GetAsynEasyTree";
    }
});