Tree( 树) 组件[4]

时间:2021-12-20 03:30:05

本节课重点了解 EasyUI 中 Tree(树)组件的使用方法, 这个组件依赖于 Draggable(拖
动)和 Droppable(放置)组件。
一.方法列表

Tree( 树) 组件[4]

Tree( 树) 组件[4]

//部分方法
onClick : function (node) {
console.log($('#box').tree('getNode', node.target));

console.log($('#box').tree('getData', node.target));
console.log($('#box').tree('getData', node.target));
console.log($('#box').tree('getParent', node.target));
console.log($('#box').tree('getChildren', node.target));
console.log($('#box').tree('isLeaf', node.target));
},
onDblClick : function (node) {
$('#box').tree('beginEdit', node.target);
},
onAfterEdit : function () {
alert('执行服务器端!');
},
//部分方法
function abc() {
$('#box').tree('loadData', [
{
"text" : "加载"
}
]);
$('#box').tree('reload');
console.log($('#box').tree('getRoot'));
console.log($('#box').tree('getRoots'));
console.log($('#box').tree('getChecked'));
console.log($('#box').tree('getChecked', 'checked'));
console.log($('#box').tree('getChecked', 'unchecked'));
console.log($('#box').tree('getChecked', 'indeterminate'));
console.log($('#box').tree('getSelected'));
var node = $('#box').tree('find', 1);
$('#box').tree('select', node.target);
var node = $('#box').tree('find',9);
$('#box').tree('check', node.target);
$('#box').tree('uncheck', node.target);
var node = $('#box').tree('find',1);
$('#box').tree('collapse', node.target);
var node = $('#box').tree('find',1);
$('#box').tree('expand', node.target);

$('#box').tree('expandAll');
$('#box').tree('collapseAll');
var node = $('#box').tree('find',1);
$('#box').tree('append', {
parent : node.target,
data : [
{
"text" : "新添加的"
}
]
});
var node = $('#box').tree('find',1);
$('#box').tree('toggle', node.target);
var node = $('#box').tree('find',1);
$('#box').tree('insert', {
before : node.target,
data : [{
id : 111,
text : '新增的'
}]
});
var node = $('#box').tree('find',1);
$('#box').tree('remove', node.target);
var node = $('#box').tree('find',1);
$('#box').tree('update', {
target : node.target,
text : '新增'
});
}