相关文件
<link rel="stylesheet" href="<%=basePath%>css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="<%=basePath%>js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery.ztree.core-3.1.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery.ztree.excheck-3.1.js"></script>
JS
<SCRIPT type="text/javascript">
<!--
var setting = {
check: {
enable: true
},
data: {
simpleData: {
enable: true
}
},
callback: {
onCheck: onCheck //添加oncheck事件
}
};
function setCheck() {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
type = { "Y":"ps", "N":"ps"}; //父子关联
zTree.setting.check.chkboxType = type;
}
var zNodes;
$(document).ready(function(){
var id = document.getElementById("ad").value;
$.ajax({
async : false,
cache:false,
type: 'POST',
dataType : "json",
url: "ajax/showqx.action?uid="+id,//请求的action路径
error: function () {//请求失败处理函数
alert('请求失败');
},
success:function(data){ //请求成功后处理函数。
//alert(data);
//x = data; //把后台封装好的简单Json格式赋给treeNodes
zNodes=eval(data); //不加这个eval json读不出来。。不知道为啥。
}
});
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
setCheck();
});
//-->
/*function changead(n){ //选择用户
$.ajax({
async : false,
cache:false,
type: 'POST',
dataType : "json",
url: "ajax/showqx.action?uid="+n,//请求的action路径
error: function () {//请求失败处理函数
alert('请求失败');
},
success:function(data){ //请求成功后处理函数。
//alert(data);
//x = data; //把后台封装好的简单Json格式赋给treeNodes
zNodes=eval(data);
}
});
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
setCheck();
document.getElementById("permission.gid").value = n;
}*/
function onCheck(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
nodes = zTree.getCheckedNodes(true),
v = "";
for (var i=0, l=nodes.length; i<l; i++) {
if(i==0){
v = nodes[i].id;
}else{
v += ","+nodes[i].id;
}
//alert(nodes[i].id); //获取选中节点的id值
//document.getElementById('permission.qx').value=nodes[i].id;
}
document.getElementById('permission.qx').value = v;
//alert(document.getElementById('permission.gid').value);
}
</SCRIPT>
html
<div id="treeDemo" class="ztree" style="width: 300px;text-align: left;">
</div>
struts2的action中 传递 json参数
格式:
{ id:1, pId:0, name:"随意勾选 1", open:true},
action 中 需加上
JSONArray json = JSONArray.fromObject(qxtree); //将List 转化为 JSON ,再转成String
result = json.toString();json参数名 为 result.