"plugins" : [
"checkbox", //添加checkbox
"contextmenu", //选中右键文本内容
"dnd", //是否可以拖拽
"massload",
"search", //搜索
"sort", //排序
"state", //在刷新之后保持刷新之前状态(比如选中和展开)
"types", //设置types
"unique",
"wholerow", //选中整行
"changed",
"conditionalselect"
]
初始化完成后展开所有节点
$("#treeDiv").on("ready.jstree", function (e, data) { //树创建完成事件
data.instance.open_all(); //展开所有节点
});
获取当前选择的节点
获取当前选择的节点
$("#treeDiv").on('changed.jstree', function (e, data) { //选中节点改变事件
var node = data.instance.get_node(data.selected[0]); //获取选中的节点
});
<div id="jstree5">
<!-- jstree内容加载区域 -->
</div>
<script type="text/javascript" src="js/jstree/js/jstree.min.js"></script>
<script type="text/javascript" src="js/jstree/pages/jstree.js"></script>
<script type="text/javascript">
$('#jstree5').jstree({
'core' : {
//ajax请求数据,返回特定
jsTree语法基本操作简明demo
最新推荐文章于 2022-09-13 13:58:05 发布
本文档将介绍jsTree,一个流行的JavaScript库,用于创建交互式的树状视图。我们将通过简洁的示例展示其基本操作,包括节点的添加、删除、编辑以及树结构的加载和保存。
摘要由CSDN通过智能技术生成