easyui-tree 清空树 加载树 勾选树 保存树

easyui-tree树

   <div class="easyui-panel" style="padding:5px;height: 840px;">                <ul id="myTree" class="easyui-tree"></ul>            </div>

清空树：

    //清空树    function LoadEmptyTree() {        $("#myTree").tree('loadData', []);    }

加载树：

//加载选中权限的控件树    function LoadSavedTree() {        $("#div_FW_Edit").show();        $("#div_FW_Save").hide();        var rows = $("#DataGrid").datagrid("getSelections");        if (rows.length == 1) {            var id = rows[0].PermissionID;            $.ajax({                type: "GET",                data: {                    PermissionID: id,                },                url: "/Rights/Execute/LoadSavedTree",                success: function (result) {                    if (result != '') {                        var myJson = eval('(' + result + ')');                        $("#myTree").tree({                            data: myJson,                            onlyLeafCheck: false,//仅叶子节点可以被选中                            checkbox: false,//开启多选框                        });                    }                    else {                                   LoadEmptyTree();//当前权限不包含任何控件，清空树                    }                }            });        }        else {            LoadTree();        }    }

自动勾选选中项目：

function EditTree() {        $("#div_FW_Edit").hide();        $("#div_FW_Save").show();        $.ajax({            type: "GET",            url: "/Rights/Execute/GetTreeJson",            success: function (result) {                //加载全部tree                var myJson = eval('(' + result + ')');                $("#myTree").tree({                    data: myJson,                    onlyLeafCheck: true,//仅叶子节点可以被选中                    checkbox: true,//开启多选框                });                //自动勾选选中项目                var root = $("#myTree").tree("getRoot");                $("#myTree").tree("uncheck", root.target);                var rows = $("#DataGrid").datagrid("getSelections");                var id = rows[0].PermissionID;                $.ajax({                    url: "/Rights/Execute/BindTree",                    data: {                        PermissionID: id,                    },                    success: function (data) {                        for (x in data) {                            //alert(data[x].ControlID);                            var node = $("#myTree").tree("find", data[x].ControlID);                            $("#myTree").tree("check", node.target);                        }                    }                });            }        });    }

保存勾选的tree

$(function () {        $("#btn_FW_Save").click(            function () {                var rows = $("#DataGrid").datagrid("getSelections");                if (rows.length != 1) {                    alert("请左边列表中选择一个[权限]！");                    return;                } else {                    var id = rows[0].PermissionID;                    var nodes = $("#myTree").tree("getChecked");                    var res_id = '';                    for (var i = 0; i < nodes.length; i++) {                        if (res_id != '') res_id += ',';                        res_id += nodes[i].id;                    }                    if (res_id == '') {                        alert("请选择[控件]!");                        return;                    }                    $.ajax({                        url: "/Rights/Execute/SaveTree",                        data: {                            PermissionID: id,                            ControlID: res_id,                        },                        success: function (data) {                            if (data == "OK") {                                alert("修改成功!");                                                             LoadSavedTree();                                                            }                            else {                                alert(data);                            }                        }                    });                }            });    });