您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jquery ztree实现模糊搜索功能_jquery

2025/12/8 15:18:31发布23次查看
本文分享了jquery ztree实现模糊搜索功能两个实例,供大家参考,具体内容如下
ztree官方demo代码里的:
根据参数查找节点
以上文件修改成如下代码
ztree demo - getnodebyparam / getnodesbyparam / getnodesbyparamfuzzy 根据参数查找节点[ 文件路径: core/searchnodes.html ]
1、getnodebyparam / getnodesbyparam / getnodesbyparamfuzzy 方法操作说明 使用 ztreeobj.getnodebyparam / getnodesbyparam / getnodesbyparamfuzzy / getnodebytid 方法,详细请参见 api 文档中的相关内容 搜索试试看:
属性值( value ):
属性( key ):name (string)
level (number) ... 根节点 level = 0
id (number)
方法:getnodebyparam
getnodesbyparam
getnodesbyparamfuzzy (only string)
getnodesbyfilter (参考本页源码中 function filter)
2、setting 配置信息说明 不需要对 setting 进行特殊设置 3、treenode 节点数据说明 请注意各个方法使用时保证传入查找的参数类型与设定要查找的属性的类型一致

这样就简单的实现了模糊搜索显示的功能了。
第二个ztree树结构模糊搜索实现方法,具体内容如下
function expand_ztree(treeid){ var treeobj = $.fn.ztree.getztreeobj(treeid); treeobj.expandall(true); } function close_ztree(treeid){ var treeobj = $.fn.ztree.getztreeobj(treeid); var nodes = treeobj.transformtoarray(treeobj.getnodes()); var nodelength = nodes.length; for (var i = 0; i button class=btn btn-info onclick=search_ztree('dep_tree', 'search_condition')>搜索 dep_tree class=ztree>
以上就是jquery ztree实现模糊搜索功能的代码,希望对大家的学习有所帮助。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product