<!doctype html>
<html>
<head>
<script src="js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="css/style.min.css" />
<script src="js/jstree.min.js"></script>
</head>
<body>
<div id="container">
<ul>
<li>Root node
<ul>
<li>Child node 1</li>
<li>Child node 2</li>
<li>学科
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>
<li>政治</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<script>
$(function() {
$('#container').jstree({
"core" : {
"check_callback" : true, // enable all modifications
},
"plugins" : ["contextmenu"]
})
.on('create_node.jstree',function(e,data){
//console.info('==112==='+data.node+'==='+data.parent+'=='+data.position);
console.log(data.node.id+'='+data.node.text+'='+data.node.parent);
})
.on('rename_node.jstree',function(e,data){
console.log(data.node.id+'='+data.node.text+'='+data.node.parent+'=='+data.text+'='+data.old);
})
.on('delete_node.jstree',function(e,data){
console.log(data.node.id+'='+data.node.text+'='+data.node.parent);
})
;
});
</script>
</body>
</html>
jstree 操作
最新推荐文章于 2022-08-02 13:51:57 发布