jstree: 获得根节点,checkbox事件处理
2024-09-05 11:56:39
$.jstree.defaults.core.themes.responsive = true;
$.jstree.defaults.checkbox.three_state = false;// 如果不禁止,则会自动选择所有父节点。
$.jstree.defaults.checkbox.tie_selection = false;//如果不禁止,选中checkbox时只触发changed.jstree事件 var tree = $('#tree').jstree(
{
'core' : {
"multiple" : true,
"themes" :
{"stripes" : true},
'data' : {
'url' : function(node) {
return appPath + '/app/trainingcar/tree/'
+ inscode + "/";
},
'data' : function(node) {
return {
'carnum' : node.id
}; }
}
},
"plugins" : [ "checkbox" ]
}); tree.on('loaded.jstree', function(e, data) {
// 加载完树后执行
$('.jstree-anchor').children().first().remove();// 删除根节点的checkbox
var rootID = data.instance.get_node(e.target.firstChild.firstChild.lastChild).id;
console.info("根节点:{}" + rootID);
}); tree.on('changed.jstree', function(e, data) {
var selectedNode = data.instance.get_node(data.selected[0]);
console.info('changed.jstree');
console.info(selectedNode);
}); tree.on('check_node.jstree', function(data, selected, e) {
// 选中checkbox时触发
// selected为选中的节点
console.info("check_node:");
console.info(selected);
}); tree.on('uncheck_node.jstree', function(data, selected) {
// 勾除checkbox时触发
console.info("uncheck_node:");
console.info(selected);
});
最新文章
- js中的延迟执行和定时执行
- iscroll性能
- 去除undefined和末尾逗号及把字符串数字转成数字数组的方法
- HDU 4630 No Pain No Game 线段树 和 hdu3333有共同点
- Problem 1007 幸运数 线段树成段更新
- [综述]领域特定语言(Domain-Specific Language)的概念和意义
- Laravel 4 Blade模板引擎
- PreparedStatement设置时间
- Android 瘦身攻略
- memcached 命令操作详解
- Uva - 1607 - Gates
- 【读书笔记】iOS-Nib的一些知识
- hashcat使用命令简介
- 解决 引入本地jar包后 maven无法编译的问题及部署war包缺失本地jar包的问题
- memory prefix vice ,with out 1
- Spring DI
- UI5-文档-4.5-Controllers
- 关于ManyToMany的一点补充
- 【docker】docker下安装mysql
- System.Drawing.Color的颜色对照表