当前位置:Gxlcms > JavaScript > jqueryztree实现模糊搜索功能_jquery

jqueryztree实现模糊搜索功能_jquery

时间:2021-07-01 10:21:17 帮助过:9人阅读

本文分享了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树结构模糊搜索实现方法,具体内容如下

    以上就是jquery ztree实现模糊搜索功能的代码,希望对大家的学习有所帮助。

    人气教程排行