😏 fix treetable reload
parent
cbb42999db
commit
8b4345171b
|
|
@ -152,6 +152,13 @@
|
|||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pear-btn-cell {
|
||||
height: 100%;
|
||||
line-height: 100%;
|
||||
padding: 0 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pear-btn-xs {
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
|
|
|
|||
|
|
@ -7,16 +7,11 @@ layui.define(['layer', 'table'], function (exports) {
|
|||
|
||||
var treetable = {
|
||||
|
||||
// 渲染树形表格
|
||||
render: function (param) {
|
||||
|
||||
param.method = param.method?param.method:"GET";
|
||||
|
||||
// 检查参数
|
||||
if (!treetable.checkParam(param)) {
|
||||
return;
|
||||
}
|
||||
// 获取数据
|
||||
if (param.data) {
|
||||
treetable.init(param, param.data);
|
||||
} else {
|
||||
|
|
@ -44,7 +39,6 @@ layui.define(['layer', 'table'], function (exports) {
|
|||
var mData = [];
|
||||
var doneCallback = param.done;
|
||||
var tNodes = data;
|
||||
// 补上id和pid字段
|
||||
for (var i = 0; i < tNodes.length; i++) {
|
||||
var tt = tNodes[i];
|
||||
if (!tt.id) {
|
||||
|
|
@ -63,7 +57,6 @@ layui.define(['layer', 'table'], function (exports) {
|
|||
}
|
||||
}
|
||||
|
||||
// 对数据进行排序
|
||||
var sort = function (s_pid, data) {
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
if (data[i].pid == s_pid) {
|
||||
|
|
@ -78,7 +71,7 @@ layui.define(['layer', 'table'], function (exports) {
|
|||
};
|
||||
sort(param.treeSpid, tNodes);
|
||||
|
||||
// 重写参数
|
||||
param.prevUrl = param.url;
|
||||
param.url = undefined;
|
||||
param.data = mData;
|
||||
param.page = {
|
||||
|
|
@ -109,10 +102,6 @@ layui.define(['layer', 'table'], function (exports) {
|
|||
$(param.elem).next().addClass('treeTable');
|
||||
$('.treeTable .layui-table-page').css('display', 'none');
|
||||
$(param.elem).next().attr('treeLinkage', param.treeLinkage);
|
||||
// 绑定事件换成对body绑定
|
||||
/*$('.treeTable .treeTable-icon').click(function () {
|
||||
treetable.toggleRows($(this), param.treeLinkage);
|
||||
});*/
|
||||
if (param.treeDefaultClose) {
|
||||
treetable.foldAll(param.elem);
|
||||
}
|
||||
|
|
@ -128,17 +117,16 @@ layui.define(['layer', 'table'], function (exports) {
|
|||
instances.push({key:param.elem,value:param});
|
||||
}
|
||||
},
|
||||
// 表格重载
|
||||
reload: function(elem) {
|
||||
instances.forEach(function(item){
|
||||
if(item.key === elem) {
|
||||
// 清空
|
||||
$(elem).next().remove();
|
||||
item.value.data = undefined;
|
||||
item.value.url = item.value.prevUrl;
|
||||
treetable.render(item.value);
|
||||
}
|
||||
})
|
||||
},
|
||||
// 计算缩进的数量
|
||||
getEmptyNum: function (pid, data) {
|
||||
var num = 0;
|
||||
if (!pid) {
|
||||
|
|
|
|||
|
|
@ -102,12 +102,14 @@
|
|||
<button class="pear-btn pear-btn-primary"> Button-Default</button>
|
||||
<button class="pear-btn pear-btn-primary pear-btn-sm"> Button-Sm</button>
|
||||
<button class="pear-btn pear-btn-primary pear-btn-xs"> Button-Xs</button>
|
||||
<button class="pear-btn pear-btn-primary pear-btn-xss"> Button-Xss</button>
|
||||
<br>
|
||||
<br>
|
||||
<button class="pear-btn pear-btn-warming pear-btn-lg"> Button-Lg</button>
|
||||
<button class="pear-btn pear-btn-warming"> Button-Default</button>
|
||||
<button class="pear-btn pear-btn-warming pear-btn-sm"> Button-Sm</button>
|
||||
<button class="pear-btn pear-btn-warming pear-btn-xs"> Button-Xs</button>
|
||||
<button class="pear-btn pear-btn-warming pear-btn-xss"> Button-Xss</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -60,8 +60,8 @@
|
|||
</script>
|
||||
|
||||
<script type="text/html" id="user-bar">
|
||||
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
|
||||
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
|
||||
<button class="pear-btn pear-btn-primary pear-btn-cell" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
|
||||
<button class="pear-btn pear-btn-danger pear-btn-cell" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="user-enable">
|
||||
|
|
|
|||
Loading…
Reference in New Issue