jstree指定选中节点_jstree 获取选中节点的所有子子点
//加载功能树
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 获取选中节点的所有子子点相关推荐
- jQuery设置radio默认选中状态及获取选中值
jQuery设置radio默认选中状态及获取选中值 //获取选中值 var rechargeType = $("input[name='rechargeType']:checked" ...
- JavaScript基础12-day14【DOM查询(获取元素节点、获取元素节点的子节点)、全选练习、DOM增删改、DOM添加删除记录、Window对象方法】
学习地址: 谷粒学院--尚硅谷 哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
- Winform中双击DevExpress的TreeList的树形节点怎样获取当前节点
场景 DevExpress的TreeList怎样设置数据源,从实例入手: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10254 ...
- [图解]在输入框和文本框中获取和设置光标位置,以及选中文本和获取选中文本值的方法 --- 详解,兼容所有浏览器。...
为什么80%的码农都做不了架构师?>>> 写在前面 最近在segmentfault上看到它的日期输入控件,感觉挺有意思.好吧,动手写一个,加到自己的代码库里吧. 然后问题来了, ...
- jq获取 html元素节点,jQuery 获取当前节点的html
原标题:jQuery 获取当前节点的html 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也 ...
- element tree 点击某个节点,获取该节点的所有子节点的id
html中 <el-tree :data="list" :props="defaultProps" @node-click="handleNod ...
- mysql获取当前节点的所有叶子节点_MySQL 树形结构 根据指定节点 获取其所有叶子节点...
背景说明 需求:MySQL树形结构, 根据指定的节点,获取其下属的所有叶子节点. 叶子节点:如果一个节点下不再有子节点,则为叶子节点. 问题分析 1.可以使用类似Java这种面向对象的语言,对节点集合 ...
- JS节点操作、节点层级获取
目录 获取元素方法 节点层级获取元素 节点概述 父子层级 兄弟层级 节点操作 创建节点 添加节点 删除结点 复制节点 获取元素方法 DOM提供的方法获取元素,利用标签特性获取元素,如标签名.类名等. ...
- JS节点操作小结(创建节点,添加节点,获取节点,删除节点,复制节点)
一,创建节点 document.createElement('li'),//创建一个节点 二,添加节点 insertBefore(要添加的节点, 添加在哪个节点之前) 在指定节点前面添加 三,获取节点 ...
最新文章
- 我在上海的AI新地标,看懂了明略的游戏规则
- 算法与数据结构(python):线性查找与二分查找
- Console的使用——Google Chrome代码调试
- axios请求拦截器错误_Axios使用拦截器全局处理请求重试
- J2SE核心实战开发—— 集合类框架
- android 代码设置textview draw,Android 自定义气泡TextView
- 使用maven开发javaweb项目
- OSPF Sham-Link
- 郁闷的.net程序员与坑爹的.net 4 client profile
- 第9月第6天 push pop动画 生成器模式(BUILDER)
- 乐优商城(04)--商品规格
- 如何在知网直接下载PDF格式的硕博士论文
- 360修复高危漏洞可以修复吗_360提示的高危漏洞要不要修复怎样关闭 - 卡饭网
- html实现多选框传值,解决Django中checkbox复选框的传值问题
- CIM概念和总计架构
- 身为码农,为 12306 说两句公道话
- iOS小技能:常用预处理指令(移除程序中的identifier、发布模式关闭NSLog、导出和隐藏符号)
- 春天里,程序猿宅男的“桃花”怎么开
- 【Linux数据库注意问题】java.sql.SQLSyntaxErrorException: Table ‘e.USER‘ doesn‘t exist
- [微语 20.11.21] 洞天