Outlook风格树形导航控件。
| Name | Type | Description | Default | Set? | Get? | Tag? |
|---|---|---|---|---|---|---|
| url | String | 数据地址 | √ | √ | √ | |
| idField | String | 值字段。 | id | √ | √ | √ |
| textField | String | 节点文本字段 | text | √ | √ | √ |
| iconField | String | 图标字段 | iconCls | √ | √ | √ |
| parentField | String | 父节点字段 | pid | √ | √ | √ |
| resultAsTree | Boolean | url数据是否列表 | true | √ | √ | √ |
| expandOnLoad | Boolean/Number | 加载后是否展开。比如：true展开所有节点；0展开第一级节点。以此类推。 | false | √ | √ | √ |
| dataField | String | 数据列表字段 | √ | √ | √ | |
| imgPath | String | 节点图片路径。节点可以设置"img"属性。 | √ | √ | √ |
| Name | Parameter | Description | Return |
|---|---|---|---|
| load ( Array ) | 加载树形数据。 |
||
| loadList ( Array, idField, parentField ) | 加载列表数据。比如：tree.loadList(list, "id", "pid") |
||
| getSelected ( ) | 获取选中节点。 |
||
| getNode ( value ) | 根据值获取节点对象 | ||
| expandPath ( node ) | 展开节点路径 | ||
| expandNode ( node, deep ) | 展开节点 | ||
| collapseNode ( node, deep ) | 收缩节点 | ||
| selectNode ( node ) | 选中节点 | ||
| findNodes ( fn, scope ) | 查找节点数据。如：
var nodes = tree.findNodes(function(node){
if(node.name.indexOf("abc") != -1) return true;
});
|
||
| getList ( ) | 获取节点数组。 | Array |
| Name | EventObject | Description |
|---|---|---|
| nodeclick |
{
sender: Object,
node: Object,
isLeaf: Boolean
}
|
节点点击时发生 |
| nodeselect |
{
sender: Object,
node: Object,
isLeaf: Boolean
}
|
节点选中时发生 |
| beforenodeexpand |
{
sender: Object,
tree: Object, //树对象
node: Object
}
|
展开节点前发生 |
| nodeexpand |
{
sender: Object,
tree: Object, //树对象
node: Object
}
|
展开节点后发生 |
| beforenodecollapse |
{
sender: Object,
tree: Object, //树对象
node: Object
}
|
折叠节点前发生 |
| nodecollapse |
{
sender: Object,
tree: Object, //树对象
node: Object
}
|
折叠节点后发生 |