代码拉取完成,页面将自动刷新
1、支持自定义收缩、展开图标;
2、支持自定义父级ID传入,默认ParentId;
3、父级ID最顶层改为0;
4、修改最后子级前的小图标;
5、支持展开、收缩事件;
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script src="./bootstrap-table/bootstrap-table.min.js"></script>
<script src="./src/bootstrap-treegrid.min.js"></script>
$('#tb').bootstrapTable({
method: 'post',
url: '/HR/HrDept/GetList',
singleSelect: true,//单行选择
clickToSelect: true,//点击行时自动选择
striped: true,//是否显示行间隔色
treeView: true,//是否显示树形视图
treeId: "DeptID",//定义关键字段来标识树节点
treeField: "DeptName",//定义树节点字段
treeParentId: "MasterID", //定义父级ID字段
treeRootLevel: 1,//树根的级别
treeCollapseAll: false,//是否全部折叠,默认折叠
uniqueId: "DeptID", //每一行的唯一标识,一般为主键列
columns:
[
{ field: 'ck', checkbox: true },
{ field: 'DeptID', title: '机构ID'},
{ field: 'MasterID', title: '上级ID', visible: false },
{ field: 'DeptName', title: '机构名称' }
]
});
*有用户反馈九级后不再缩进,我试了一下未发现这个问题呀,截图如下:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。