87,914
社区成员
发帖
与我相关
我的任务
分享
$('#jstree').on("open_node.jstree",function(e,data){
//此处如何获取ID
} );
<div id="jstree">
<ul>
<li id="root_node_1">Root node 1
<ul>
<li id="child_node_1">Child node 1
<ul>
<li id="node_1">node 1</li>
<li id="node_2">node 2</li>
</ul>
</li>
<li id="child_node_2">Child node 2</li>
</ul>
</li>
<li id="root_node_2">Root node 2</li>
</ul>
</div>
$('#jstree')
// listen for event
.on('changed.jstree', function (e, data) {
var i, j, r = [];
for(i = 0, j = data.selected.length; i < j; i++) {
r.push(data.instance.get_node(data.selected[i]).text);
}
$('#event_result').html('Selected: ' + r.join(', '));
})
// create the instance
.jstree();
[/quote]
你把data.selected[i]).text改成data.selected[i]).id就好了。$('#jstree')
// listen for event
.on('changed.jstree', function (e, data) {
var i, j, r = [];
for(i = 0, j = data.selected.length; i < j; i++) {
r.push(data.instance.get_node(data.selected[i]).text);
}
$('#event_result').html('Selected: ' + r.join(', '));
})
// create the instance
.jstree();
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jsTree test</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/style.min.css" rel="stylesheet">
</head>
<body>
<div id="jstree">
<ul>
<li class="li1" id="root_node_1">Root node 1
<ul>
<li class="li2" id="child_node_1">Child node 1
<ul>
<li class="li3" id="node_1">node 1</li>
<li class="li4" id="node_2">node 2</li>
</ul>
</li>
<li class="li5" id="child_node_2">Child node 2</li>
</ul>
</li>
<li class="li6" id="root_node_2">Root node 2</li>
</ul>
</div>
<div id="event_result"></div>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jstree.min.js"></script>
<script>
$(function () {
$("#jstree")
.bind("open_node.jstree close_node.jstree", function (e,data) {
$("#event_result").html("Last operation: " + $(e.target).attr("class"));
})
.jstree({ "plugins" : [ "themes", "html_data" ] });
});
</script>
</body>
</html>
最近在学jsTree.js这个别人写好的树,所以想用这个实现