bootstrap树形表格渲染慢_layUI之树状表格异步加载组件treetableAsy

2024年2月8日发(作者：)

url: provincesUrl + pid, type:"get", success:function(r){ var isInit = false; for(var i=0; i<; i++){ var isPush = true; for(var j=0; j<; j++){ if([i][Name] == tableData[j][Name]){ isPush = false; } } if(isPush){ ([i]); isInit = true; } } if(isInit){ = tableData; tableInit(); expandSelfAndParent(index); $('.layui-table-body').scrollTop(top); } } }); });

function expandSelfAndParent(index){ Rows($('.layui-table-body .layui-table tr').eq(index).find('.treeTable-icon')); var tpid = $('.layui-table-body .layui-table tr').eq(index).find('.treeTable-icon').attr('lay-tpid'); var trs = $('.layui-table-body .layui-table tr'); var j = -1; for(var i=0; i<; i++){ if($(trs[i]).find('.treeTable-icon').attr('lay-tid') == tpid){ Rows($('.layui-table-body .layui-table tr').eq(i).find('.treeTable-icon')); if($(trs[i]).find('.treeTable-icon').attr('lay-tpid') != 0){ j=i } break; } } if(j != -1){ init(j) } }

},

toggleRows:function($dom, linkage){ Rows($dom, linkage); }, getEmptyNum:function(pid, data){ tyNum(pid, data); }, checkParam:function(param){ aram(param); }, expandAll:function(dom){ All(dom); }, foldAll:function(dom){ l(dom); } }

.treeTable-icon .layui-icon-file:before { content: "e621";}修改箭头的图标：/** 未展开 */.treeTable-icon .layui-icon-triangle-d:before { content: "e623";}/** 展开 */. .layui-icon-triangle-d:before { content: "e625";}如何获取content：2.7.截图树形表格1：

树形表格2：