通过zTree自带的节点拖拽功能,如何获取移动节点ID和新的位置的节点ID

通过zTree自带的节点拖拽功能,如何获取移动节点ID和新的位置的节点ID,第1张

代码:

var setting = [{

callback : {

onDrop: onDrop

}

}]

function onDrop(event, treeId, treeNodes, targetNode, moveType){

var id = treeNodes[0]id;//获得被拖拽的节点id

var targetId = targetNodeid;//获得目标id

}

择ztree替代jstree是因为ztree的官网的api文档详细,容易理解。

下面说下在开发中ztree的2个功能的实现

1、给树赋值如下图

代码如下:

//修改-人员管理

function achievementmag_peopedit_click(id){

achievementmag_peop_add=false;

achievementmag_peop_validformresetForm();

//以下代码实现树赋值

var treeObj = $fnzTreegetZTreeObj("achievementmag_peop_structure");//根据 treeId 获取 zTree 对象

var node=treeObjgetNodeByParam("id",id, null);//根据节点数据的属性(id)获取条件完全匹配的节点数据 JSON 对象集合

treeObjselectNode(node,false);//根据节点数据选中指定节点,false表示单独选中,之前选中的节点会被取消选中状态,为true 表示追加选中

择ztree替代jstree是因为ztree的官网的api文档详细,容易理解。

下面说下在开发中ztree的2个功能的实现

1、给树赋值如下图

代码如下:

//修改-人员管理

function achievementmag_peopedit_click(id){

achievementmag_peop_add=false;

achievementmag_peop_validformresetForm();

//以下代码实现树赋值

var treeObj = $fnzTreegetZTreeObj("achievementmag_peop_structure");//根据 treeId 获取 zTree 对象

var node=treeObjgetNodeByParam("id",id, null);//根据节点数据的属性(id)获取条件完全匹配的节点数据 JSON 对象集合

treeObjselectNode(node,false);//根据节点数据选中指定节点,false表示单独选中,之前选中的节点会被取消选中状态,为true 表示追加选中

1读取本地的xml文件,需要注意对应的路径

//读取xml文件,xmlFile为读取文件的路径DocumentBuilderFactoryfactory=DocumentBuilderFactorynewInstance;DocumentBuilderbuilder=factorynewDocumentBuilder;Documentdocument=builderparse(xmlFile);NodeListnodeList=documentgetElementsByTagName(thisTag);//指定标签(thisTag)的节点集合for(itni=0;i<nodeListgetLength;i++){//循环获取每个节点信息Nodenode=nodeListitem(i);NamedNodeMapattributes=nodegetAttributes;for(intj=0;j<attributesgetLength;j++){Nodeattribute=attributesitem(j);Systemoutprintln(attributegetNodeName+":"+attributegetNodeValue);}}

注意:getElementsByTagName方法只是属于document与Element的方法

所以,当针对某个Node查找对应的节点时,需要先强制转换为Element

ElementnodeToElement=(Element)node;NodeListosNodeList=nodeToElementgetElementsByTagName(thisTag);//thisTag为指定标签

2读取txt文件

一般的数据存储都是键值对的方式在文件中记录,开发人员多是根据已知的键,从文件中取得对应的值。

例如Configtxt中内容为:

name=jack

sex=boy

要从java程序中读取该文件的内容

Fileconfig_file=newFile("/Config");//此处使用相对路径Stringconfig_file_fullpath=config_filegetAbsoluteFiletoString;readConfigconfig=newreadConfig(config_file_fullpath);Stringname=configget("name");//name为jack//对获取的数据进行处理//

3读取csv文件

csv文件一般为表格,是多行多列的数据,列对应相应不同的属性,java实现逐行读取每列单元格的值。

使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNodechildren获取子节点数据集合,使用length方法获取集合长度。

将当前节点的treeNode传入即可调用。

/查找当前节点下一级的子节点数/

function

findNodes(treeNode)

{

var

count;

/判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点/

if(treeNodeisParent)

{

count

=

treeNodechildrenlength

+

1

;

}

else

{

/如果不是父节点,说明没有子节点,设置为1/

count

=

1;

}

return

count;

}

以上这篇zTree获取当前节点的下一级子节点数实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

以上就是关于通过zTree自带的节点拖拽功能,如何获取移动节点ID和新的位置的节点ID全部的内容,包括:通过zTree自带的节点拖拽功能,如何获取移动节点ID和新的位置的节点ID、如何给ztree的node重新赋值、ztree中的node有值,为什么node会出现undif等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存