怎么通过普通按钮的点击事件,获取到ztree树已选择的节点信息

怎么通过普通按钮的点击事件,获取到ztree树已选择的节点信息,第1张

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怎么返回选中的节点的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9763224.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存