使用高级最好进行对属性结构进行操作的时候,做好的方式是参考官网的API文档。
本文简单介绍下如何通过后台传递过来一个树形结构的树,并且通过页面进行加载。
<强>【与后台交互步骤】 1,编写页面,引入最好相关插件;2、编写js脚本,设定树形结构的基本属性;3、编写最好的阿宝对象;4、编写返回属性结构的方法(json格式返回);5,页面请求树。
1,引入最好相关的插件:
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun//resources/js/jquery-1.9.1.min.js "祝辞& lt;/script>
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun//resources/bootstrap/3.3.4/css/bootstrap.min.css "比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun//resources/bootstrap/3.3.4/js/bootstrap.min.js "祝辞& lt;/script>
& lt; !——引入最好相关的js/css文件——比;
& lt;链接rel="样式表" href=" https://www.yisu.com/zixun//resources/ztree/zTreeStyle/zTreeStyle.css "比;
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun//resources/ztree/jquery.ztree.all.js "祝辞& lt;/script>
2,编写js脚本,设定树形结构的基本属性
//最好的参数配置,深入使用请参考API文档(设置配置详解)={var设置
检查:{
启用:假的,//autoCheckTrigger:没错,//chkStyle:“没有”
},
回调:{>
公开课DimsTree {//除了树本身的属性,还可以自定义属性。
私有对象objCode;//树形结构展示的名称
私人字符串名称;//是否打开属性
私人字符串开放;//是否根节点
私人布尔isParent;//url
私人字符串url;//子节点
私人List孩子;//是否被选中
私人逻辑检查;//省略除了和设置方法
}
4,编写返回属性结构的方法(json格式返回)
@ResponseBody
@RequestMapping (value=" https://www.yisu.com/user_role1 ")
公共ListuserRole1模型(模型){//宿舍信息树
ListdimsTreeList=new ArrayList ();//加载用户信息列表,手链需要加载宿舍信息,将用户信息加入到宿舍信息中。
ListdormitoiryList=dormitoryDao.list ();
(宿舍宿舍:dormitoiryList) {
DimsTree dt=new DimsTree ();
dt.setName (dorm.getDormCode ());
dt.setParent(真正);//根节点
dt.setObjCode (dorm.getDormCode ());
dt.setChildren (employee2DimsTree(宿舍));
dimsTreeList.add (dt);
}
model.addAttribute (dimsTreeList);//加载角色信息列表,对已经选中的角色进行设置检查=true属性。//这个应该设置成异步加载的方式,根据不同的用户查询不同的角色信息。
logger.info(“- - - - - - - - - - - - - - - -在“+ dimsTreeList);
返回dimsTreeList;//返回“其他/user_role”;
}/* *
*根据宿舍,查询宿舍下的成员
* @param宿舍
* @return
*/公共Listemployee2DimsTree(宿舍宿舍){//这个应该是在服务层进行实现得
字符串sql=" select * from t_employee t, t。dorm_code=& # 63;”;
logger.info(“- - - - - - - - - - -→查询人员宿舍信息参数:”+ dorm.getDormCode ());
ListemployeeList=employeeDao。listBySql (sql,新对象[]{dorm.getDormCode ()});
ListdimsTreeList=new ArrayList ();
(雇员ee: employeeList) {
DimsTree dt=new DimsTree ();
dt.setName (ee.geteName ());
dt.setParent(假);
dt.setObjCode (ee.getUstcAccount ());
dimsTreeList.add (dt);
}
返回dimsTreeList;
}
5,页面请求树
$(文档)时函数(){
$ . get (' & lt; %=request.getContextPath() %祝辞/user_role1’,功能(数据){
console.info(数据);//zNodes=数据;
zTreeObj=$ .fn.zTree.init ($ (" # dormitoryTree "),设置,数据);
});//console.info (.fn.zTree.getZTreeObj美元(“dormitoryTree”));//console.info (zTreeObj.getNodes ());
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
