php 简单树形控件,jsTree树控件(基于jQuery, 超强悍)

插件描述：jsTree是基于javascript的一个跨浏览器树控件，功能强大，而且是免费的。

jsTree是基于javascript的一个跨浏览器树控件，功能强大，而且是免费的。

开始使用jsTree

所有你需要的文件在dist/ folder。

包括jsTree主题

CSS文件。

设置一个容器

这就是你想要的树出现的元素，一个

是不够的。这个例子有一个嵌套的

• 没有其他数据源配置(如JSON)。

包括jQuery

jsTree 1.9.0或更高引入到你的网页。

包括jsTree

产品包括：dist/jstree.min.js缩小版，有一个开发版本：dist/jstree.js

创建一个实例

一旦DOM准备好了你就可以开始创建jsTree实例。$(function () { $('#jstree_demo_div').jstree(); });

监听事件

jsTree使用事件通知你，当事件发生变化而用户(或你)与树互动。所以结合jsTree事件为单击容易结合。在原文件中，他们提供的是一系列事件和他们提供的信息。$('#jstree_demo_div').on("changed.jstree", function (e, data) {

console.log(data.selected);

});

与你的实例进行交互

一旦你准备好了，你可以调用它的方法。在原文档中有一个可用的方法列表。下面的三个例子做完全一样的事情$('button').on('click', function () {

$('#jstree').jstree(true).select_node('child_node_1');

$('#jstree').jstree('select_node', 'child_node_1');

$.jstree.reference('#jstree').select_node('child_node_1');

});