easyUI tree jQuery

$('#tt').tree({
        data: [{
                text: 'Item1',
                state: 'closed',
                children: [{
                        text: 'Item11'
                },{
                        text: 'Item12'
                }]
        },{
                text: 'Item2'
        }]
});

param: 这个参数对象将传送给远程服务器.

success(data): 当检索数据成功之后的回调函数.

error(): 当检索数据出现异常的时候调用的回调函数.

data:装载的是原始数据.

parent: DOM 对象, 指定父节点.

$('#tt').tree({
        onClick: function(node){
                alert(node.text);  // alert node text property when clicked
        }
});

// 右键点击节点然后显示上下文菜单
$('#tt').tree({
        onContextMenu: function(e, node){
                e.preventDefault();
                // 选择节点
                $('#tt').tree('select', node.target);
                // 显示上下文菜单
                $('#mm').menu('show', {
                        left: e.pageX,
                        top: e.pageY
                });
        }
});

//上下文菜单定义如下:
<div >
        <div onclick="append()" data-options="iconCls:'icon-add'">Append</div>
        <div onclick="remove()" data-options="iconCls:'icon-remove'">Remove</div>
</div>

target: DOM 对象,这个节点是被放置的目标.

source: 源节点.

point:指明drop操作,可用值有: 'append','top' or 'bottom'.

// 查找一个节点然后返回它
var node = $('#tt').tree('find', 12);
$('#tt').tree('select', node.target);

parent: DOM 对象,被添加到的父节点,如果没有分配,附加到根节点.

data: array, the nodes data. Code example:

// 添加一些节点到选择的节点
var selected = $('#tt').tree('getSelected');
$('#tt').tree('append', {
        parent: selected.target,
        data: [{
                id: 23,
                text: 'node23'
        },{
                text: 'node24',
                state: 'closed',
                children: [{
                        text: 'node241'
                },{
                        text: 'node242'
                }]
        }]
});

before: DOM 对象,节点插入到之前.

after: DOM 对象, 节点插入到之后.

data: object, 节点数据.

以下代码展示,如何插入新节点到选择节点之前:

var node = $('#tt').tree('getSelected');
if (node){
        $('#tt').tree('insert', {
                before: node.target,
                data: {
                        id: 21,
                        text: 'node text'
                }
        });
}

target(DOM 对象, 更新的节点),id,text,iconCls,checked,等等.

示例代码:

// 更新选择的节点文本
var node = $('#tt').tree('getSelected');
if (node){
        $('#tt').tree('update', {
                target: node.target,
                text: 'new text'
        });
}