tnblog
首页
视频
资源
登录
什么时候才能领悟,取之越多失之越多
排名
5
文章
229
粉丝
15
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

jstree 实现搜索功能

7518人阅读 2022/3/26 18:33 总访问:1167674 评论:0 收藏:0 手机
分类: 前端

注意需要在初始化的时候plugins加上search

  1. "plugins" : [
  2. "contextmenu", "dnd", "search",
  3. "state", "types", "wholerow"
  4. ]

html:

  1. <input type="text" id="search_input" placeholder="请输入信息搜索" />
  2. <div id="tree_3" ></div>

js:

  1. //树形搜索
  2. $("#search_input").keyup(function () {
  3. $('#tree_3').jstree(true).search($('#search_input').val());
  4. });

官方文档:
https://www.jstree.com.cn/demo.html


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

jstree添加点击事件

code show:$(&#39;#树形id&#39;).bind(&quot;activate_node.jstree&quot;,function(obj,e){ //获取当前节点 varcurrentNo...

jstree根据 ID 获取节点方法:

jstree根据 ID 获取节点方法: var node = $(&#39;#树形id&#39;).jstree(&quot;get_node&quot;, id);

jstree自定义右键菜单

自定义右键菜单:重写contextmenu即可,把他放到contextmenu中$(&quot;#你的树形id&quot;).jstree({ contextmenu:{ }});代...

jstree默认展开、收起

默认展开 // 所有节点加载完成后触发 $(&#39;#jstree1&#39;).on(&quot;ready.jstree&quot;, function(e, data) { // ...

jstree自定义二级右键菜单

代码如下:语法其实就是submenu addfile: { &quot;label&quot;: &quot;新建&quot;, submenu: { addHtm...

jstree事件中拿来绑定的原始数据

比如要拿到绑定的id其实里边有个original属性就是绑定上来的原始对象,这样就可以随便的拿到了,这个树形组件封装得还是很...

jstree获取当前选中节点与选中指定节点

获取jstree当前选中节点function getSelectNodeId() { var treeNode = $(&#39;#树形id&#39;).jstree(true).get_selected(t...

jstree的点击事件,改变事件等

直接贴代码: //加载完成后触发的事件 $(&#39;#tree_3&#39;).on(&quot;ready.jstree&quot;, function (e, data) ...

uni-app实现搜索功能

uni-app实现搜索,简单记录一下,详情的我使用视频的形成记录了。把搜索的接口从调用高德地图的,换成我们自己的就就行变色...
疏影横斜水清浅,暗香浮动月黄昏。