😄 treetable component add reload api

component/pear/module/dtree.js

@@ -1,11 +1,3 @@
-/**
- *@Name dtree 树形组件
- *@Author 智慧的小西瓜
- *@DOCS http://www.wisdomelon.com/DTreeHelper/
- *@License https://www.layui.com/
- *@LASTTIME 2020/03/31
- *@VERSION v2.5.8
- */
 layui.define(['jquery','layer','form'], function(exports) {
     var $ = layui.$,
         layer = layui.layer,

component/pear/module/frame.js

@@ -77,5 +77,6 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
 		        '</div></div>';
 	     $("#"+option.elem).html("<div class='pear-frame'>"+header+iframe+loading+"</div>");	
 	}
+	
 	exports(MOD_NAME,new pearFrame());
 })

component/pear/module/treetable.js

@@ -3,7 +3,14 @@ layui.define(['layer', 'table'], function (exports) {
     var layer = layui.layer;
     var table = layui.table;
 
+	var treetableInstance = function(param){
+		this.param = param;
+	}
+	
+	var instances = [];
+
     var treetable = {
+		
         // 渲染树形表格
         render: function (param) {
 			
@@ -120,7 +127,22 @@ layui.define(['layer', 'table'], function (exports) {
 
             // 渲染表格
             table.render(param);
+			var result = instances.some(item=>item.key===param.elem);
+			if(!result){
+				instances.push({key:param.elem,value:param});
+			}
         },
+		// 表格重载
+		reload: function(elem) {
+			var result = instances.some(item=>item.key===elem);
+			instances.forEach(function(item){
+				if(item.key === elem) {
+					// 清空
+					$(elem).next().remove();
+					treetable.render(item.value);
+				}
+			})
+		},
         // 计算缩进的数量
         getEmptyNum: function (pid, data) {
             var num = 0;

view/document/treetable.html

@@ -50,6 +50,10 @@
 	    <i class="layui-icon layui-icon-shrink-right"></i>
 	    折叠
 	</button>
+	<button class="pear-btn pear-btn-success pear-btn-md" lay-event="reload">
+	    <i class="layui-icon layui-icon-refresh"></i>
+	    重载
+	</button>
 </script>
 
 <script type="text/html" id="power-bar">
@@ -86,8 +90,7 @@
 
         let MODULE_PATH = "../system/operate/";
 
-        window.render = function(){
+        treetable.render({
-            treetable.render({
                 treeColIndex: 1,
                 treeSpid: 0,
                 treeIdName: 'powerId',
@@ -109,10 +112,7 @@
                     {title: '操作',templet: '#power-bar', width: 150, align: 'center'}
                     ]
                 ]
-            });
+        });
-        }
-
-        render();
 
         table.on('tool(power-table)',function(obj){
             if (obj.event === 'remove') {
@@ -133,6 +133,8 @@
 				 treetable.expandAll("#power-table");
 			} else if(obj.event === 'foldAll'){
 				 treetable.foldAll("#power-table");
+			} else if(obj.event === 'reload'){
+				 treetable.reload("#power-table");
 			}
         });