十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
呵呵,最简单的办法,其实就是拼写字符串,你怎么拼出来 jsp页面的html内容的?? 那么只需要按照 json格式拼出全部字符串即可。
成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的铜山网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
可以参考 异步加载 Demo 中得到的数据(请利用 chrome 的调试工具进行跟踪调试)
如果对象比较复杂,那么可以在谷歌上搜索一下:“java json 输出” 会有很多教程和 lib 推荐
你把类型强转改成request.getAttribute("jsonArray").toString()试试
或者你前台其实就要个String ,你setAtribute时先用jsonArray的toString()方法把他转为字符串再set进来不就不用再jsp类型转换了
首先在页面上有ul/标签
ulid="tree"class="ztree"/ul
2、定义ztree的配置参数
varsetting={
//check属性放在data属性之后,复选框不起作用
check:{
enable:true
},
data:{
simpleData:{
enable:true
},
}
};
核心参数:zTreeNodes
zTree
的全部节点数据集合,采用由JSON对象组成的数据结构,简单的说:这里使用Json格式保存了树的所有信息
zTreeNodes的格式分为两种:利用Json格式嵌套体现父子关系和Array简单格式
①带有父子关系的标准
zTreeNodes举例:
Js代码
varzTreeNodes=[
{"id":1,"name":"test1",
"nodes":[
{"id":11,"name":"test11","nodes":[
{"id":111,
"name":"test111"}
]},
{"id":12,"name":"test12"}
]},
......
];
②带有父子关系的简单Array格式(isSimpleData)的zTreeNodes举例:
Js代码
var
treeNodes=[
{"id":1,"pId":0,"name":"test1"},
{"id":11,"pId":1,
"name":"test11"},
{"id":12,"pId":1,"name":"test12"},
{"id":111,
"pId":11,"name":"test111"},
......
];
【实例一】(Java代码)
①在页面引用zTree的js和css:
Html代码
!--ZTree树形插件
--
linkrel="stylesheet"
href="%=root%/Web/common/css/zTreeStyle/zTreeStyle.css"
type="text/css"
!--linkrel="stylesheet"
href="%=root%/Web/common/css/zTreeStyle/zTreeIcons.css"
type="text/css"--
scripttype="text/javascript"
src="%=root%/Web/common/js/jquery-ztree-2.5.min.js"/script
②在script脚本中定义setting和zTreeNodes
Java代码
varsetting={
isSimpleData:true,//数据是否采用简单Array格式,默认false
treeNodeKey:"id",
//在isSimpleData格式下,当前节点id属性
treeNodeParentKey:"pId",
//在isSimpleData格式下,当前节点的父节点id属性
showLine:true,//是否显示节点间的连线
checkable
:true//每个节点上是否显示CheckBox
};
vartreeNodes=[
{"id":1,
"pId":0,"name":"test1"},
{"id":11,"pId":1,"name":"test11"},
{"id":12,
"pId":1,"name":"test12"},
{"id":111,"pId":11,"name":"test111"},
];
③在进入页面时生成树结构:
Js代码
varzTree;
Js代码
$(function(){
zTree=
$("#tree").zTree(setting,treeNodes);
});