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);
}
}
});
}
});
});