zTree的jquery树插件就可以生成树了。 1、setting 配置信息说明 普通使用,无必须设置的参数 与显示相关的内容请参考 API 文档中 settingview 内的配置信息 name、children、title 等属性定义更改请参考 API 文档中 settingdatakey 内的配置
<script>
function filter(node) { //过滤器直选中2级节点累加
return (nodelevel == 2 && nodechecked == true);
}
var setting = { //设置
check: {
enable: true
},
callback: {
onCheck: onCheck
}};
function onCheck(e, treeId, treeNode){ //这是将所有选中节点的名字 用,分割做拼接 用于持久化到数据库
var zTree = $fnzTreegetZTreeObj("tree")getNodesByFilter(filter);
var choose = "";
for (var i=0;i<zTreelength;i++) {
if(zTree[i]name !=null)
choose +=(i == (zTreelength-1))zTree[i]name:zTree[i]name+",";
}
$("#ztreesnames")val(choose);
treeIds();
}
function treeIds(){ //这是将选中的节点的id用;分割拼接起来,用于持久化到数据库
var zTreeO = $fnzTreegetZTreeObj("tree")getNodesByFilter(filter);
var idListStr = "";
for (var i = 0; i < zTreeOlength; i++) {
if (zTreeO[i]id != null) {
idListStr+= (i == (zTreeOlength-1))zTreeO[i]id:zTreeO[i]id+";";
}
};
$("#ztreeids")val(idListStr);
1 treeNodegetParentNode() 方法能得到其父节点
2 目前的确没有提供 节点自身 index 的方法,可以自己利用 父节点的 children 遍历一遍来判断。对于新的浏览器 可以直接使用 indexOf ,但是老的浏览器是不支持的,请注意; 另外 如果当前节点是根节点那么它是没有父节点的,这时候可以直接利用 getNode 方法获取根节点的Array 集合
$(document)ready(function(){
$fnzTreeinit($("#treeDemo"), setting, zNodes);
});
function onCheck(e,treeId,treeNode){ var treeObj=$fnzTreegetZTreeObj("treeDemo"),
nodes=treeObjgetCheckedNodes(true),
v=""; for(var i=0;i<nodeslength;i++){
v+=nodes[i]name + ",";
alert(nodes[i]id); //获取选中节点的值 }
}
代码:
var setting = [{callback : {
onDrop: onDrop
}
}]
function onDrop(event, treeId, treeNodes, targetNode, moveType){
var id = treeNodes[0]id;//获得被拖拽的节点id
var targetId = targetNodeid;//获得目标id
}
这里主要用到的是autoParam属性,
这个属性的默认值是[],其实可以在后台直接得到节点id
例如java后台可以直接用
String id = requestgetParameter("id");
当然你也可以像下面这样指定传输id
var setting = {
async: {
enable: true,
url: "getNodedo",
autoParam: ["id"]
}
};
另外这个id属性你可以自定义,如
var setting = {
async: {
enable: true,
url: "getNodedo",
autoParam: ["id=zId"]
}
};
后台用
String id = requestgetParameter("zId");就好了
以上就是关于怎么通过普通按钮的点击事件,获取到ztree树已选择的节点信息全部的内容,包括:怎么通过普通按钮的点击事件,获取到ztree树已选择的节点信息、ztree怎么获取节点选中变化的节点、ztree怎么返回选中的节点的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)