正能量网站入口,网页制作师就业班,山东泰安区号,保定cms建站系统treegrid.bootstrap使用说明 这个插件是用来做有层次的表格的#xff0c;大概如图#xff1a; 官网 http://maxazan.github.io/jquery-treegrid/ 使用这个控件之前需要引入以下css及js#xff08;因为用到了 bootstrap.js 所以加上了 bootstrap的样式和脚本#xff09; bo…treegrid.bootstrap使用说明 这个插件是用来做有层次的表格的大概如图 官网 http://maxazan.github.io/jquery-treegrid/ 使用这个控件之前需要引入以下css及js因为用到了 bootstrap.js 所以加上了 bootstrap的样式和脚本 bootstrap.min.css jquery.treegrid.css jquery.min.js bootstrap.min.js jquery.treegrid.js jquery.treegrid.bootstrap3.js 然后将需要用到的table标签中加入对应样式 table classtree table table-hover table-bordered table-condensed tr classtreegrid-1 tdRoot node/tdtdAdditional info/td /tr tr classtreegrid-2 treegrid-parent-1 tdNode 1-1/tdtdAdditional info/td /tr tr classtreegrid-3 tdNode 1-2/tdtdAdditional info/td /tr tr classtreegrid-4 treegrid-parent-3 tdNode 1-2-1/tdtdAdditional info/td /tr /table 然后引用js script typetext/javascript $(document).ready(function () { $(.tree).treegrid(); }); /script 结果如下 可以从上面的一段html中看出使用这个控件的关键点有 1每一行tr都有唯一的id号 treegrid-*** 2子节点的tr都有parentID号 treegrid-parent-** 3,子节点必须紧跟在父节点后面否则表格会排序错误已测试过了 总结一点使用这个treegrid 就是把 tr class”treegrid-** treegrid-parent-**”拼写正确。 例子代码中展示了动态生成treegrid的程序 大概的思路是 1 找到所有父节点 2 遍历父节点生成tr 如果该父节点有子节点进行步骤3 3 遍历子节点生成tr 返回步骤2 总的来说是一个递归的过程 转载于:https://www.cnblogs.com/fuqiang88/p/4768879.html
