|
@@ -5,33 +5,52 @@ $(document).ready(function() {
|
|
|
$('#dashboard').dashboard({ draggable: true });
|
|
$('#dashboard').dashboard({ draggable: true });
|
|
|
|
|
|
|
|
|
|
|
|
|
- DeptGetAll(function(data) {
|
|
|
|
|
- console.log(data)
|
|
|
|
|
- }, function(error) {
|
|
|
|
|
|
|
|
|
|
- });
|
|
|
|
|
|
|
|
|
|
var zTreeObj;
|
|
var zTreeObj;
|
|
|
// zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)
|
|
// zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)
|
|
|
- var setting = {};
|
|
|
|
|
- // zTree 的数据属性,深入使用请参考 API 文档(zTreeNode 节点数据详解)
|
|
|
|
|
- var zNodes = [{
|
|
|
|
|
- name: "test1",
|
|
|
|
|
- open: true,
|
|
|
|
|
- children: [
|
|
|
|
|
- { name: "test1_1" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ var setting = {
|
|
|
|
|
+ data: {
|
|
|
|
|
+ simpleData: {
|
|
|
|
|
+ enable: true,
|
|
|
|
|
+ idKey: "id",
|
|
|
|
|
+ pIdKey: "pId",
|
|
|
|
|
+ rootPId: null
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ view: { //表示tree的显示状态
|
|
|
|
|
+ selectMulti: false //表示禁止多选
|
|
|
},
|
|
},
|
|
|
- {
|
|
|
|
|
- name: "test2",
|
|
|
|
|
- open: true,
|
|
|
|
|
- children: [
|
|
|
|
|
- { name: "test2_1" }, { name: "test2_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }
|
|
|
|
|
- ]
|
|
|
|
|
|
|
+ check: { //表示tree的节点在点击时的相关设置
|
|
|
|
|
+ enable: false, //是否显示radio/checkbox
|
|
|
|
|
+ chkStyle: "checkbox", //值为checkbox或者radio表示
|
|
|
|
|
+ checkboxType: { p: "", s: "" }, //表示父子节点的联动效果
|
|
|
|
|
+ radioType: "level" //设置tree的分组
|
|
|
}
|
|
}
|
|
|
- ];
|
|
|
|
|
|
|
+ };
|
|
|
|
|
+ // zTree 的数据属性,深入使用请参考 API 文档(zTreeNode 节点数据详解)
|
|
|
|
|
+ var zNodes = [];
|
|
|
zTreeObj = $.fn.zTree.init($("#department_tree"), setting, zNodes);
|
|
zTreeObj = $.fn.zTree.init($("#department_tree"), setting, zNodes);
|
|
|
|
|
|
|
|
|
|
+ var zdata = [];
|
|
|
|
|
+ DeptGetAll(function(data) {
|
|
|
|
|
+ for (var i = 0; i < data.length; i++) {
|
|
|
|
|
+ var m = data[i];
|
|
|
|
|
+ var zdataItem = {};
|
|
|
|
|
+ zdataItem["id"] = m.id;
|
|
|
|
|
+ zdataItem["pId"] = null;
|
|
|
|
|
+ zdataItem["name"] = m.organname;
|
|
|
|
|
+ zdataItem["children"] = addobj(m);
|
|
|
|
|
+ zdata.push(zdataItem);
|
|
|
|
|
+ }
|
|
|
|
|
+ // zTreeObj.updateNode(zdata);
|
|
|
|
|
+ $.fn.zTree.init($("#department_tree"), setting, zdata)
|
|
|
|
|
+ //zTreeObj.refresh();
|
|
|
|
|
+ console.log(zdata)
|
|
|
|
|
+ }, function(error) {
|
|
|
|
|
+
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
|
|
$('.datatable').datatable({
|
|
$('.datatable').datatable({
|
|
@@ -104,4 +123,25 @@ $(document).ready(function() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-});
|
|
|
|
|
|
|
+});
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+function addobj(data) {
|
|
|
|
|
+ var zdata = [];
|
|
|
|
|
+ if (typeof(data.childs) != "undefinde" && data.childs != null &&
|
|
|
|
|
+ data.childs.length > 0) {
|
|
|
|
|
+ for (var i = 0; i < data.childs.length; i++) {
|
|
|
|
|
+ var m = data.childs[i];
|
|
|
|
|
+ var zdataItem = {};
|
|
|
|
|
+ zdataItem["id"] = m.id;
|
|
|
|
|
+ zdataItem["pId"] = data.id;
|
|
|
|
|
+ zdataItem["icon"] = "";
|
|
|
|
|
+ zdataItem["name"] = m.organname;
|
|
|
|
|
+ zdataItem["children"] = addobj(m);
|
|
|
|
|
+ zdata.push(zdataItem);
|
|
|
|
|
+ }
|
|
|
|
|
+ return zdata;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return [];
|
|
|
|
|
+ }
|
|
|
|
|
+}
|