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 } |
折叠节点后发生 |