1 // 記錄新增還是修改
  2 var flag;
  3 // 臨時儲存選中節點資料
  4 var tempNode;
  5 
  6 // 頁面載入
  7 $(function () {
  8     // 選單樹繫結資料
  9     $('#deptTree').tree({
 10         url: '/department/tree',
 11         animate: true,
 12         lines: true,
 13         onBeforeSelect: function (node) {
 14             //
 
 onBeforeSelect事件：節點被選中前觸發，返回false則取消選擇動作
 15             if (!$(this).tree('isLeaf', node.target)) {
 16                 // 不是葉子節點，則不能選中
 17                 return false;
 18             }
 19         },
 20         onClick: function (node) {
 21             // alert(node.target.innerText);
 22         },
 
 23         onContextMenu: function (e, node) {
 24             // 記錄選中的節點，為後續增刪改操作提供節點資料
 25             tempNode = node;
 26 
 27             // 阻止右鍵預設事件
 28             e.preventDefault();
 29 
 30             // 判斷該結點有沒有父結點
 31             var root = $(this).tree('getParent', node.target);
 32
 
             // 沒有父節點則為根結點，可以新增、編輯，不可以刪除
 33             if (root == null) {
 34                 // 如果是根節點，則可以新增、編輯，不可以刪除
 35                 $('#parentNode').menu('show', {
 36                     left: e.pageX,
 37                     top: e.pageY
 38                 });
 39             }
 40 
 41             if ($(this).tree('isLeaf', node.target)) {
 42                 // 如果是葉子節點，則可以新增、編輯和刪除
 43                 $('#leaf').menu('show', {
 44                     left: e.pageX,
 45                     top: e.pageY
 46                 });
 47             } else {
 48                 // 如果不是葉子節點，則可以新增、編輯，不可以刪除
 49                 $('#parentNode').menu('show', {
 50                     left: e.pageX,
 51                     top: e.pageY
 52                 });
 53             }
 54         }
 55     });
 56 
 57     // 儲存按鈕押下處理
 58     $('#btnSave').click(function () {
 59         var tempdata, tempurl, tempmsg;
 60 
 61         if (flag == 'add') {
 62             tempurl = 'saveNode';
 63             tempmsg = '新增成功！';
 64             tempdata = {
 65                 departmentpid: tempNode.id,
 66                 departmentname: $('#treefrm').find('input[name=departmentname]').val()
 67             };
 68         } else if (flag == 'edit') {
 69             tempurl = 'updateNode';
 70             tempmsg = '編輯成功！';
 71             tempdata = {
 72                 departmentid: $('#treefrm').find('input[name=departmentid]').val(),
 73                 departmentpid: $('#deptTree').tree('getParent', tempNode.target).id,
 74                 departmentname: $('#treefrm').find('input[name=departmentname]').val()
 75             };
 76         }
 77 
 78         $.ajax({
 79             type: 'post',
 80             async: true,
 81             url: tempurl,
 82             data: tempdata,
 83             dataType: 'json',
 84             success: function (result) {
 85                 // 樹重新載入
 86                 $('#deptTree').tree('reload');
 87 
 88                 $.messager.show({
 89                     title: '提示資訊',
 90                     msg: tempmsg
 91                 });
 92             },
 93             error: function (result) {
 94                 // 請求失敗時執行該函式
 95                 $.messager.show({
 96                     title: '錯誤資訊',
 97                     msg: result.msg
 98                 });
 99             }
100         });
101 
102         $('#treefrm').form('clear');
103         $('#info').dialog('close');
104     });
105 
106     // 取消按鈕押下處理
107     $('#btnCancel').click(function () {
108         $('#treefrm').form('clear');
109         $('#info').dialog('close');
110     });
111 });
112 
113 // 新增節點
114 var addNode = function () {
115     flag = 'add';
116     // 清空表單資料
117     $('#treefrm').form('clear');
118     // 開啟dialog
119     $('#info').dialog('open').dialog('setTitle', '新增');
120 };
121 
122 // 編輯節點
123 var updateNode = function () {
124     flag = 'edit';
125     // 清空表單資料
126     $('#treefrm').form('clear');
127     $('#treefrm').form('load', {
128         departmentid: tempNode.id,
129         departmentname: tempNode.text
130     });
131     // 開啟dialog
132     $('#info').dialog('open').dialog('setTitle', '編輯');
133 };
134 
135 // 刪除節點
136 var removeNode = function () {
137     // 前臺刪除
138     $('#deptTree').tree('remove', tempNode.target);
139 
140     // 後臺刪除
141     $.ajax({
142         type: "post",
143         async: true,           // 非同步請求（同步請求將會鎖住瀏覽器，使用者其他操作必須等待請求完成才可以執行）
144         url: "deleteNode",
145         data: {departmentid: tempNode.id},
146         dataType: "json",      // 返回資料形式為json
147         success: function (result) {
148             // 請求成功時執行該函式內容，result即為伺服器返回的json物件
149             $.messager.show({
150                 title: '提示資訊',
151                 msg: '刪除成功！'
152             });
153         },
154         error: function (result) {
155             // 請求失敗時執行該函式
156             $.messager.show({
157                 title: '錯誤資訊',
158                 msg: result.msg
159             });
160         }
161     });
162 };