//加载功能树

functioninitTree() {

$.jstree.destroy();

$.ajax({

type:"Get",

url:"/Department/GetTreeData/0?_t=" + new Date().getTime(), //获取数据的ajax请求地址

success: function(data) {

$('#dptTree').jstree({ //创建JsTtree

'core': {'data': data, //绑定JsTree数据

"multiple": false //是否多选

},"plugins": ["wholerow"] //配置信息

})

$("#dptTree").on("after_open.jstree", function(event, data) {

})

$("#dptTree").on("ready.jstree", function (e, data) { //树创建完成事件

//data.instance.open_all(); //展开所有节点

});

$("#dptTree").on('changed.jstree', function (e, data) { //选中节点改变事件

//获取所有选中项目及子项目

functiongetChildNodes(treeNode, result) {var childrenNodes =data.instance.get_children_dom(treeNode);if(childrenNodes) {for (var i = 0; i < childrenNodes.length; i++) {var row =childrenNodes[i];if ($.inArray(row.id, result) == -1) {

result.push(row.id);

}

result=getChildNodes(row.id, result);

}

}returnresult;

}var result =[];//获取选中的节点

var node = data.instance.get_node(data.selected[0]);

result.push(node.id);//遍历选中节点的子节点

var childNodes =data.instance.get_children_dom(node);for (var i = 0; i < childNodes.length; i++) {var row =childNodes[i];if ($.inArray(row.Id, result) == -1) {

result.push(row.id);

}

getChildNodes(row, result);

}if (node && firstLoaded != 1) {

dptIds= result; //保存选中的节点ID

dptParentId = node.parent; //保存选中的节点父ID

app.loaddata(1);

};

});

$("#dptTree").on('loaded.jstree', function(e, data) {//当tree加载完毕时,获取树的根节点对象;

//调用select_node方法,选择根节点。

firstLoaded = 1;var inst =data.instance;var obj =inst.get_node(e.target.firstChild.firstChild.lastChild);

inst.select_node(obj);

firstLoaded= 2;

});

}

});

}

jstree指定选中节点_jstree 获取选中节点的所有子子点相关推荐

  1. jQuery设置radio默认选中状态及获取选中值

    jQuery设置radio默认选中状态及获取选中值 //获取选中值 var rechargeType = $("input[name='rechargeType']:checked" ...

  2. JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】

    学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

  3. Winform中双击DevExpress的TreeList的树形节点怎样获取当前节点

    场景 DevExpress的TreeList怎样设置数据源,从实例入手: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10254 ...

  4. [图解]在输入框和文本框中获取和设置光标位置,以及选中文本和获取选中文本值的方法 --- 详解,兼容所有浏览器。...

    为什么80%的码农都做不了架构师?>>>    写在前面 最近在segmentfault上看到它的日期输入控件,感觉挺有意思.好吧,动手写一个,加到自己的代码库里吧. 然后问题来了, ...

  5. jq获取 html元素节点,jQuery 获取当前节点的html

    原标题:jQuery 获取当前节点的html 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也 ...

  6. element tree 点击某个节点,获取该节点的所有子节点的id

    html中 <el-tree :data="list" :props="defaultProps" @node-click="handleNod ...

  7. mysql获取当前节点的所有叶子节点_MySQL 树形结构 根据指定节点 获取其所有叶子节点...

    背景说明 需求:MySQL树形结构, 根据指定的节点,获取其下属的所有叶子节点. 叶子节点:如果一个节点下不再有子节点,则为叶子节点. 问题分析 1.可以使用类似Java这种面向对象的语言,对节点集合 ...

  8. JS节点操作、节点层级获取

    目录 获取元素方法 节点层级获取元素 节点概述 父子层级 兄弟层级 节点操作 创建节点 添加节点 删除结点 复制节点 获取元素方法 DOM提供的方法获取元素,利用标签特性获取元素,如标签名.类名等. ...

  9. JS节点操作小结(创建节点,添加节点,获取节点,删除节点,复制节点)

    一,创建节点 document.createElement('li'),//创建一个节点 二,添加节点 insertBefore(要添加的节点, 添加在哪个节点之前) 在指定节点前面添加 三,获取节点 ...

最新文章

  1. 我在上海的AI新地标,看懂了明略的游戏规则
  2. 算法与数据结构(python):线性查找与二分查找
  3. Console的使用——Google Chrome代码调试
  4. axios请求拦截器错误_Axios使用拦截器全局处理请求重试
  5. J2SE核心实战开发—— 集合类框架
  6. android 代码设置textview draw,Android 自定义气泡TextView
  7. 使用maven开发javaweb项目
  8. OSPF Sham-Link
  9. 郁闷的.net程序员与坑爹的.net 4 client profile
  10. 第9月第6天 push pop动画 生成器模式(BUILDER)
  11. 乐优商城(04)--商品规格
  12. 如何在知网直接下载PDF格式的硕博士论文
  13. 360修复高危漏洞可以修复吗_360提示的高危漏洞要不要修复怎样关闭 - 卡饭网
  14. html实现多选框传值,解决Django中checkbox复选框的传值问题
  15. CIM概念和总计架构
  16. 身为码农,为 12306 说两句公道话
  17. iOS小技能:常用预处理指令(移除程序中的identifier、发布模式关闭NSLog、导出和隐藏符号)
  18. 春天里,程序猿宅男的“桃花”怎么开
  19. 【Linux数据库注意问题】java.sql.SQLSyntaxErrorException: Table ‘e.USER‘ doesn‘t exist
  20. [微语 20.11.21] 洞天

热门文章

  1. 中国核心城市空气质量日度数据(2013-2021年)
  2. 不要在朋友圈晒火车票了,Python 会算出你的身份证号!
  3. 【周志华机器学习】十五、规则学习
  4. webview长按图片识别二维码
  5. Git教程:! [rejected]        master - master (fetch first)解决办法
  6. 2668: [cqoi2012]交换棋子
  7. 浪漫优雅-现代简约风设计
  8. vue+elementUI 使用腾讯地图
  9. 【概率论】正态分布的叠加性和正态分布的标准化
  10. 本地缓存框架:Caffeine Cache