您的位置:首页 > Web前端 > JavaScript

jstree使用小结(三)

2015-07-02 15:59 633 查看
操作节点的这几个事件都比较简单: 如下

var $tree=$('#tree1');
$tree.jstree({...});
//选中节点
$tree.on('select_node.jstree',function(e,data){
debugger;
var id=data.node.id;//获得选中节点的id
var name=data.node.text;//获得选中节点的name
//data 里面还有很多其他属性,可自行debugger看
//这里我需要自定义一些数据,通过后台传递过来,这时里面的一个data.node.data属性就非常有用了
//可以在这个data.node.data里面传递你需要的任何数据
});
//重命名
$tree.on('rename_node.jstree',function(e,data){
debugger;
var id=data.node.id;//获得选中节点的id
var name=data.text;//修改后的name
var oldName=data.old;//原name
//data 里面还有很多其他属性,可自行debugger看
});
//删除节点
$tree.on('delete_node.jstree',function(e,data){
var id=data.node.id;//获得选中节点的id
var name=data.node.text;//获得选中节点的name
});


备注: 我的项目中暂时用到这些...只是七七八八的笔记了一下,有用到这个jstree的童鞋,可以一起讨论. O(∩_∩)O
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: