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