树组件过滤器

上传者: baichuanzhong123 | 上传时间: 2021-01-06 20:17:36 | 文件大小: 200KB | 文件类型: RAR
根据输入框的字符串自动匹配过滤树节点并对匹配的节点高亮展示,在树节点较多的情况下,能够有效提高树节点的选择效率,提高易用性。 实现的方式采用JavaScript高级编程中的组件化编程方式,基于zTree树组件,采用JS的原型构造模式开发的一个树节点过滤器组件。 包括的功能点如下: 1、支持自定义初始化加载树时所有节点是否展开(默认:true) 2、是否使用过滤器功能(默认:true) 3、过滤匹配的节点总数超过多少时全部节点收起(因为过多的节点展开展示影响浏览器的性能,允许自由设置可以展开的节点最大数)(默认:50) 4、支持鼠标在输入框中剪切和粘贴修改输入框的值触发自动匹配的效果(默认:true) 5、支持自定义开始匹配的字符串最少长度(字符串长度越长,匹配的精确度越大,效率越高)(默认:3) 6、支持自定义输入框中停止输入后多长时间后开始执行节点过滤方法,默认(默认:1000ms)

文件下载

资源详情

[{"title":"( 30 个子文件 200KB ) 树组件过滤器","children":[{"title":"filter zTree demo","children":[{"title":"library","children":[{"title":"jquery-3.1.0.js <span style='color:#111;'> 257.58KB </span>","children":null,"spread":false},{"title":"jquery-3.1.0.slim.js <span style='color:#111;'> 205.72KB </span>","children":null,"spread":false},{"title":"ztree","children":[{"title":"jquery.ztree.all.js <span style='color:#111;'> 120.60KB </span>","children":null,"spread":false},{"title":"css","children":[{"title":"zTreeStyle","children":[{"title":"zTreeStyle.css <span style='color:#111;'> 6.08KB </span>","children":null,"spread":false},{"title":"img","children":[{"title":"zTreeStandard.png <span style='color:#111;'> 10.91KB </span>","children":null,"spread":false},{"title":"zTreeStandard.gif <span style='color:#111;'> 5.43KB </span>","children":null,"spread":false},{"title":"line_conn.gif <span style='color:#111;'> 45B </span>","children":null,"spread":false},{"title":"loading.gif <span style='color:#111;'> 381B </span>","children":null,"spread":false},{"title":"diy","children":[{"title":"4.png <span style='color:#111;'> 399B </span>","children":null,"spread":false},{"title":"1_close.png <span style='color:#111;'> 601B </span>","children":null,"spread":false},{"title":"3.png <span style='color:#111;'> 762B </span>","children":null,"spread":false},{"title":"1_open.png <span style='color:#111;'> 580B </span>","children":null,"spread":false},{"title":"7.png <span style='color:#111;'> 534B </span>","children":null,"spread":false},{"title":"5.png <span style='color:#111;'> 710B </span>","children":null,"spread":false},{"title":"2.png <span style='color:#111;'> 570B </span>","children":null,"spread":false},{"title":"6.png <span style='color:#111;'> 432B </span>","children":null,"spread":false},{"title":"8.png <span style='color:#111;'> 529B </span>","children":null,"spread":false},{"title":"9.png <span style='color:#111;'> 467B </span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true},{"title":"awesomeStyle","children":[{"title":"awesome.css <span style='color:#111;'> 8.19KB </span>","children":null,"spread":false},{"title":"img","children":[{"title":"loading.gif <span style='color:#111;'> 381B </span>","children":null,"spread":false}],"spread":true},{"title":"awesome.less <span style='color:#111;'> 8.74KB </span>","children":null,"spread":false},{"title":"fa.less <span style='color:#111;'> 11.13KB </span>","children":null,"spread":false}],"spread":true},{"title":"metroStyle","children":[{"title":"img","children":[{"title":"metro.png <span style='color:#111;'> 5.16KB </span>","children":null,"spread":false},{"title":"line_conn.png <span style='color:#111;'> 933B </span>","children":null,"spread":false},{"title":"loading.gif <span style='color:#111;'> 381B </span>","children":null,"spread":false},{"title":"metro.gif <span style='color:#111;'> 4.57KB </span>","children":null,"spread":false}],"spread":true},{"title":"metroStyle.css <span style='color:#111;'> 6.42KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":"jquery-migrate-3.0.0.js <span style='color:#111;'> 14.57KB </span>","children":null,"spread":false}],"spread":true},{"title":"bCom.js <span style='color:#111;'> 7.04KB </span>","children":null,"spread":false},{"title":"demo.html <span style='color:#111;'> 611B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明