本文实例分享了JQuery ztree带筛选、异步加载实例，供大家参考，具体内容如下

html head base href=' %=基路径% ' title my JSP ' z tree。“JSP”起始页/titlelink rel='样式表href=' zTrees/CSS/ztree style/ztree style。“CSS”类型=“文本/CSS”脚本类型=' text/JAVAScript ' src=' http 3360 Ztrees/js/jquery-1。4 .4 .量滴js /脚本类型=' text/JavaScript ' src=' http 3333异步加载键入： '岗位'，启用： true，url : getUrl }，检查： {启用：真}，数据： {简单数据： }启用： true } }，回调： { onClick : nodeClick，OnCheck : nodeCheck } } $ . fn . ztree . init($(' # TreeDemo ')，设置);});//返回地址函数getUrl(treeId，treeNode) { return '*** .做什么？method=Listxmltree * * * * Sid=100 '；} //单击节点函数nodeClick(事件，treeId，树节点){//alert(treeId树节点。id树节点。手机号)；var treeObj=$。fn。ztree。getztreeObj(' TreeDemo ')；var sNodes=treeObj。getselected nodes()；if (sNodes.length 0) { if(！treeNode.isParent) { $ .ajax({ type : 'POST '，url : '*** .做什么？method=listXMLChildren '，数据： { ' * * * * * Sid ' : TreeNode。id }，DataType :“text”，async : false，success 3360 function(dat){ var dats=eval(dat)；if (dats.length！=0){//var treeObj=$。fn。ztree。getztreeObj(' TreeDemo ')；//treeObj.addNodes(treeNode，dats)；treeObj.addNodes(treeNode，dats)；} } });} else { TreeObj。expandNode(TreeNode)；} } } //选中节点函数nodeCheck(event，treeId，TreeNode){ var treeObj=$。fn。ztree。getztreeObj(' TreeDemo ')；nodes=TreeObj。GetCheckEdnodes(真)；var str=for (var i=0，l=nodes.lengthI li ) { //alert(nodes[i]).编号节点[i].手机号)；如果(节点[i].mobileNO！=null) { str=nodes[i].命名":"节点[i].移动电话号码；} } $(“# mtDstName”).val(字符串);} //监听搜索框$(function(){ $(“# sch”)).bind('input propertychange '，function(){ var treeObj=$。fn。ztree。getztreeObj(' TreeDemo ')；定义变量值=$('#sch ').val()；nodeList=TreeObj。getnodesbyparamlfuzzy(' name '，值);nodes=TreeObj。GetNodes()；treeObj.hideNodes(节点[0]。儿童);树物体。显示节点(节点列表)；});});/SCRIPT/头体搜索：输入类型='text' id='sch '！-输入类型='button' id='btnSch' value='搜索- br树状：div style=' height :300 px ' width :200 px ' ul id=' TreeDemo ' class=' z tree '/ul/div div align=' center '名单：文本区域id=' mtDstName '名称=' mtDstName '只读/文本区域/div/正文/html具体功能操作：

搜索市委：

更多关于ztree控件的内容，请参考专题《jQuery插件ztree使用汇总》 。

以上就是带筛选、异步加载功能的ztree，希望大家通过最近几篇文章，对ztree有了深入的了解。