树形结构在项目中使用是比较,下面我来介绍一种获得做树形结构的方法
树形结构需要获得的数据有父id,所以数据库需要有父id:
后台代码:
@请求映射(值='/List ')public void getList(httprsvletresponse响应){列表列表=这个。公司服务。getList();字符串[]排除={"组"};jsonutils。printjsonstringfromarrayobjectwithexclude(响应、列表、排除);}公共列表getList(){更改数据源。更改数据源(数据源2);字符串hql="来自公司";返回这个。巴塞多。exequeryql(hql);} html中,需要引入射流研究…包
div id=' main ' class=' layui-form ' table id=' tree menu ' class=' layui-table ' style=' margin-top : 2px;div style=' clear : both/div body/t body/table/div脚本src='http:/layui/layui。js '/script脚本src=' http :/js/jquery-1。7 .2 .js '/script脚本src=' http :/js/jquery-ui。js /脚本脚本src='http:/js/jquery。树表。js/'脚本脚本src='http:/js/jquery。树表格框。js '/脚本js中直接按照格式修改数据就可以了
layui.use([ 'layer ',' element'],function(){ var layer=layui。层;var t node=[];init();函数init() {var heads=['公司名称', '部门名称', '公司地址', '联系人', '联系电话'];$.ajax({type: 'post ',URL :基本路径'/company/list ',data:{'token':token},async: true,success:函数(数据){if('暂无数据==数据){layer.msg('暂无数据请添加数据,{icon: 2,time : 1000 });} else { data=eval('(' data ')');var tnode='[';for(var obj in data){ var company name=data[obj].公司名称;var departmentName=data[obj].部门名称;定义变量地址=数据[obj].地址;var linkman var contact number=data[obj ].联系号码;if(data[obj]。联络员。长度10){ linkman=data[obj]。联络员。子字符串(0,10)“.”;} else {linkman=data[obj].联络员;if(linkman==' ' | | linkman==null | | linkman==' undefined '){ linkman='暂无;} }如果(部门名称=='' ||部门名称==null ||部门名称=='未定义'){部门名称='暂无;} else {departmentName=data[obj].部门名称;}if(data[obj].companyId=='' || data[obj].公司id==null){ t node=' { id : ' data[obj].公司标识' pId: '数据[obj].公司'',名称: ' '公司名称' ',TD :['部门名称' ',地址' ',联系人' ','联系人号码' '] },' } else { tnode=' { id : ' data[obj].公司标识' pId: '数据[obj].公司'',名称: ' '公司名称' ',TD :['部门名称' ',地址' ','联系人' ','联系人号码' '] },' } } tnode=']';tNodes=tNodes.replace(',]',']');tnode=tnode。替换(/ s/g ' ');tnode=tnode。替换(//?/g,");tnode=tnode。替换(/[ r n]/g ' ');$.TreeTable('treeMenu ',heads,eval('(' tnode ')'));$(“# TreeMenu”).树表(' expandal ');layui.use('form ',function(){ var form=layui。形式;形式。render();形式。渲染(“选择”);});}},错误:函数(XMLHttpRequest,textStatus,错误通过){ layer。“msg(”抱歉,服务器刚刚打了个盹!',{icon: 2,time : 2000 });}});}});以上这篇使用获得实现树形结构的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。