时间:2021-05-26
一、初始异步加载树
初始化默认给出一个根结点,再结合异步加载的方式手动触发默认加载第一层,如图:
代码如下:
var treeSetting = { async: { enable: true, <a href="http://my.oschina.net/wealpan/admin/"xxx/demo.do?method=listByTree" rel="nofollow">url:"xxx/demo.do?method=listByTree</a>", dataType:"json", autoParam:["id=pid"] }, view: { dblClickExpand: true, selectedMulti: false, expandSpeed: ($.browser.msie && parseInt($.browser.version)<=6)?"":"fast" }, data: { simpleData: { enable:true, idKey: "id", pIdKey: "pid", rootPId: "root" } }, callback: { onNodeCreated: zTreeOnNodeCreated }}; //默认根结点var rootNode = {"id":0, "pid":"root", "name":"商品分类", "open":true, "isParent":true}; $(document).ready(function(){ var zTreeObj = $.fn.zTree.init($("#tree"), treeSetting, rootNode); var node = zTreeObj.getNodeByParam("id", 0, null); zTreeObj.reAsyncChildNodes(node, "refresh");});二、异步搜索叶子结点
在使用JQuery ZTREE时可能要用到异步的方式模糊搜索叶子结点,如图:
而如果只使用ZTREE自带的展开方法zTreeObj.expandNode只是会展开改结点,无法触发异步加载;这时候就必须手动调用异步加载的方法进行处理,解决思路如下:
通过在otherParam数组中设值的方式将搜索参数带到后台(无参数时必须将otherParam设为空数组否则一直会将前一次的参数带到后台);在结点创建完成后的回调函数onNodeCreated中进行手动异步加载。
代码如下:
更多关于ztree控件的内容,请参考专题《jQuery插件ztree使用汇总》 。
以上就是关于jquery ztree异步搜索的全部内容,希望对大家的学习有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
C#使用JqueryzTree实现树状结构显示_异步数据加载JQuery-Ztree下载地址:https://github.com/zTree/zTree_v3
前言zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。支持静态和Ajax异步加载节点数据.在开
本文实例分析了Jquery树插件zTree用法。分享给大家供大家参考。具体分析如下:关于zTree的介绍就搜吧。这个例子的最终效果如下:鼠标移动到一级目录时出现
我用到的版本ztreecorev3.5.24,需要引入的js,css,jquery.js,jquery.ztree.core.js,jquery.ztree.e
JQueryZTree简单使用@(JavaScript)[jQuery,ztree,入门]基本概述zTree是一个依靠jQuery实现的多功能“树插件”。优异的