tnblog
首页
视频
资源
登录
昔我往矣,杨柳依依。今我来思,雨雪霏霏
排名
24
文章
20
粉丝
2
评论
2
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

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

8915人阅读 2020/7/30 15:18 总访问:128429 评论:0 收藏:0 手机
分类: 前端

直接贴代码:

  1. //加载完成后触发的事件
  2. $('#tree_3').on("ready.jstree", function (e, data) {
  3. //隐藏所有图标
  4. $('#tree_3').jstree().hide_icons();
  5. });
  6. $('#tree_3').on('changed.jstree', function (e, data) {
  7. //当前选中节点的Id,多选时只能得到第一个被选中的值
  8. var domId = data.instance.get_node(data.selected[0]).id;
  9. //当前选中节点的文本值-和上面方法一样只能的得到第一个被选中的值
  10. var value = data.instance.get_node(data.selected[0]).text;
  11. var ids = $('#tree_3').jstree().get_checked(); //获取所有选中的节点ID
  12. $('#city').val(ids);
  13. });
  14. //打开节点事件,当一个节点被展开时触发的事件
  15. $('#tree_3').on("open_node.jstree", function (e, data) {
  16. $("#tree_3 ul").first().addClass("jstree-container-add");
  17. });
  18. //关闭节点事件,当一个节点被关闭时触发的事件
  19. $('#tree_3').on("close_node.jstree", function (e, data) {
  20. //获取当前被关闭节点id
  21. var id = data.node.id;
  22. });
  23. //当前被选中节点Id,始终是当前被选中的节点id
  24. $('#tree_3').on("activate_node.jstree", function (obj, e) {
  25. // 获取当前节点
  26. var currentNode = e.node;
  27. var currentId = e.node.id;
  28. });
  29. //去除所有被选中的checkbox
  30. $('#tree_3').jstree("deselect_all");
  31. };
评价

jstree添加点击事件

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

jstree根据 ID 获取节点方法:

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

jstree自定义右键菜单

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

jstree默认展开、收起

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

jstree自定义二级右键菜单

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

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

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

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

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

jstree 实现搜索功能

注意需要在初始化的时候plugins加上search "plugins" : [ "contextmenu", "dnd", &qu...

vue触发a标签的点击事件。vue3 dom操作 触发点击事件 。文件选择库只会触发一次change事件的问题

[TOC]vue触发a标签的点击事件直接操作dom节点的方式比较简单 <button @click="handleBtnClick">点击按钮&...

css弹性盒子flex布局

css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就不行displa...

可输入下拉文本框据输入动态加载数据 jquery-editable-select

用到一个jquery-editable-select的控件github地址:https://github.com/indrimuska/jquery-editable-select这个插件的原理是...

.net mvc分部页.net core分部页

.net分部页的三种方式第一种:@Html.Partial("_分部页")第二种:@{ Html.RenderPartial("分部页");}...

css中单位pxemrem和vh/vw的理解

>px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。em是相对长度单位。相对于当前对象内文本的字...

让IIS支持webp格式图片让IIS支持vtt格式iis设置mime类型iis配置支持的类型

webp格式图片可以让图片体积变小。也让下载图片变得更加困难一点 在线制作webp工具 https://www.upyun.com/webp?utm_mediu...