jquery动态显示数据中的数据,保证数据库可以随便添加ztree节点(递归)

jquery动态显示数据中的数据,保证数据库可以随便添加ztree节点(递归),第1张

要在js里面去后台获取节点数据,所有我用了ajax,但是是同步的不是异步的,json数据的格式[{id:’1’,pid:’0’,name:’1’},…………]。主页面index.jsp. 我只说js代码,剩下的我相信大家能领会的看代码

1 var zTreeObj

2 var zNodes

3 var setting = {

4 check: {

5 enable: true,

6 chkStyle:"checkbox"

7 },

8 data: {

9 simpleData: {

10 enable: true

11 }

12 }

13 }

$.fn.zTree.init($("#treeDemo"), setting, zNodes)

zTree = $.fn.zTree.getZTreeObj("treeDemo")

var nodes=zTree.getNodes()

var nodes_array = zTree.transformToArray (nodes)

for(var i=0i<nodes_array.lengthi++){

alert(nodes_array[i].name)

}

//下面是api,自己不会看么,zTreeObj.getNodes是所有节点数据都在里面,自己不会取,就不要瞎叫唤,自己可以用火狐看里面的数据是不是都有

zTreeObj.getNodes

概述[ 依赖 jquery.ztree.core 核心 js ]

获取 zTree 的全部节点数据

请通过 zTree 对象执行此方法。

Function 参数说明

返回值Array(JSON)

全部节点数据

1、Array 仅仅是根节点的集合(默认情况子节点都处于 children 属性下);

2、如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合

3、对于异步加载模式下,尚未加载的子节点是无法通过此方法获取的。

function 举例

1. 获取全部节点数据

var treeObj = $.fn.zTree.getZTreeObj("tree")

var nodes = treeObj.getNodes()

function get_category($id){

$str=array()

//$sql = "select * from biao where id=$id"查询节点,自己写吧

$result = array('id'=>,'parent_id'=>)//查询结果一个数组格式

if($result){

$str = get_category($result['parent_id'])

$str[]=$result

}

return $str

}

}

调用get_category()就行了,$str第一个元素是节点本身,去掉就行了。


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

原文地址: http://outofmemory.cn/sjk/9907922.html

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

发表评论

登录后才能评论

评论列表(0条)

保存