代码拉取完成,页面将自动刷新
基于JQuery的表格树插件,按 data-id和data-pid计算布局,在表格中展现树型结构。
插件包含初始化选项,监听事件和常用方法。
内置样式使用bootstrap3
当行属性 data-pid='' 或 data-pid='root' 时识别为“根目录”。
<tr data-id="scml" data-pid=""></tr>
<tr data-id="scml" data-pid="root"></tr>
src/bootstrap-treetable.js
<script src="js/bootstrap-treetable.js"></script>
var treetable = $('#treetable').BootstrapTreeTable({
expandlevel: 1,
expandAll: false,
collapseAll: false,
maxResult: ''
})
$('#treetable').BootstrapTreeTable().on("show.bs.treetable", function (e, node) {
//console.log('show', node);
})
$('#treetable').BootstrapTreeTable('searchNodeName', '计算机');
$('#treetable').BootstrapTreeTable('searchNodeId', '337A2575C9404167AFE020D8C27D1C45');
$('#treetable').BootstrapTreeTable('removeById', '337A2575C9404167AFE020D8C27D1C45');
var node = $(this).parents('tr');
$('#treetable').BootstrapTreeTable('removeByNode', node);
$('#treetable').BootstrapTreeTable('removeById', '337A2575C9404167AFE020D8C27D1C45');
$('#treetable').BootstrapTreeTable('expendLevel','2');
$('#treetable').BootstrapTreeTable('expendAll');
$('#treetable').BootstrapTreeTable('collapseAll');
$('#treetable').BootstrapTreeTable('destroy');
$('#treetable').BootstrapTreeTable('reset');
$('#treetable').BootstrapTreeTable('getMaxLevel');
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型