最近在作一个tree显示地区功能,使用的是 jquery esayui Tree ,做个暂时性总结,供以后自己参考。
js查看变量类型alert(typeof(a));
//spring mvc jquery esayui tree 使用总结
//采用springside搭建项目
//系统架构jquery bootstrap jquery esayui tree spring jpa hibernate maven
//代码初步实现地区动态加载展示,点击父节点时动态获取其子节点,难点在于后台返回的JSON数据需要经过转换,
//以及hibernate返回级联菜单数据时后台Entity类的children get方法必须为@JSONIgnore否则报错
//esayui tree不需要编写动态添加子节点到tree中的代码,
//只要服务器返回了子节点数据,插件会自己实现添加,很好很强大。
$(function(){
$("#tt").tree({
url:'${ctx}/permission/getRegion',
checkbox:true,//是否显示checkbox
method:'post',//http方法get或者post
animate:true,//是否显示动画效果
cascadeCheck:true,//是否支持选中父节点级联选中其字节点
loadFilter:function(data,parent){//加载数据时进行转换
return convert(data);
}
});
//转换服务器返回的json为tree数据源
//服务器返回的JSON数据格式为:[{"id":"086","name":"中国","code":"086","state":"closed"}]
//esayui的JSON数据格式为:[{"id":"086","text":"中国","state":"closed"}]
//state为是否叶子节点closed表示父节点,open表示叶子节点此时节点无法再展开
function convert(rows){
var nodes = [];
for(var i=0; i |