Tree

FineUI.create({
	type: 'tree', renderTo: '#wrap1', height: 300, title: '树控件',
	rootNode: {
		expanded: true, children: [{
			text: '中国', expanded: true, children: [{
				text: '河南省', children: [{
					text: '驻马店市'
				}, {
					text: '漯河市'
				}]
			}, {
				text: '安徽省', expanded: true, children: [{
					text: '合肥市', expanded: true, children: [{
						text: '金色池塘小区'
					}, {
						text: '中国科学技术大学'
					}]
				}]
			}]
		}]
	}
});

Extends

• FineUI.Panel

Members

bodyEl :jQuery

Description:

• 控件主体对应的jQuery节点对象

Inherited From:

• FineUI.PanelBase#bodyEl

Type:

• jQuery

el :jQuery

Description:

• 控件对应的jQuery节点对象

Inherited From:

• FineUI.Component#el

Type:

• jQuery

items :Object

Description:

• 子控件列表

Inherited From:

• FineUI.Container#items

Type:

• Object

Methods

add(value)

Description:

• 添加新的子控件到当前控件

Inherited From:

• FineUI.Container#add

Example

menu1.add(['-', {
		type: 'menuitem',
		text: '新菜单项'
}]);

Parameters:

addTool(item)

Description:

• 添加工具图标

Inherited From:

• FineUI.PanelBase#addTool

Parameters:

checkNode(node, deep)

Description:

• 选中节点复选框

Parameters:

checkNodes(nodes, deep)

Description:

• 选中节点复选框

Parameters:

clearDirty()

Description:

• 不支持此方法

Overrides:

• FineUI.Panel#clearDirty

clearSelection()

Description:

• 清空全部选中节点

collapse()

Description:

• 折叠面板

Inherited From:

• FineUI.PanelBase#collapse

collapseNode(node, deep)

Description:

• 折叠节点

Parameters:

collapseNodes()

Description:

• 折叠全部节点

deselectNode(node)

Description:

• 取消选中节点

Parameters:

deselectNodes(nodeIds)

Description:

• 取消选中多个节点

Parameters:

disable()

Description:

• 禁用控件

Inherited From:

• FineUI.PanelBase#disable

doLayout(startFormTopmostComonentopt)

Description:

• 执行布局操作

Inherited From:

• FineUI.Component#doLayout

Parameters:

enable()

Description:

• 启用控件

Inherited From:

• FineUI.PanelBase#enable

expand()

Description:

• 展开面板

Inherited From:

• FineUI.PanelBase#expand

expandNode(node, deep)

Description:

• 展开节点

Parameters:

expandNodePath(node)

Description:

• 展开节点所在路径

Parameters:

expandNodes()

Description:

• 展开全部节点

expandPath(path)

Description:

• 展开路径

Parameters:

getAttr(key) → {string}

Description:

• 获取节点属性

Inherited From:

• FineUI.Component#getAttr

Parameters:

Returns:

Type

string

getCheckedNodes(returnNodeData) → {Array.<Object>}

Description:

• 获取复选框处于选中状态的节点

Parameters:

Returns:

Type

Array.<Object>

getEncodedText(text) → {string}

Description:

• 获取编码后的字符串

Inherited From:

• FineUI.Component#getEncodedText

Parameters:

Returns:

Type

string

getExpandedNodes() → {Array.<string>}

Description:

• 获取展开的节点标识符数组

Returns:

Type

Array.<string>

getFormFields()

Description:

• 不支持此方法

Overrides:

• FineUI.Panel#getFormFields

getHeight() → {number}

Description:

• 获取控件高度

Inherited From:

• FineUI.Component#getHeight

Returns:

Type

number

getIFrameEl() → {jQuery}

Description:

• 获取内联框架元素

Inherited From:

• FineUI.PanelBase#getIFrameEl

Returns:

Type

jQuery

getIFrameUrl() → {string}

Description:

• 获取内联框架地址

Inherited From:

• FineUI.PanelBase#getIFrameUrl

Returns:

Type

string

getIFrameWindow() → {Window}

Description:

• 获取内联框架窗体对象

Inherited From:

• FineUI.PanelBase#getIFrameWindow

Returns:

Type

Window

getIconEl() → {jQuery}

Description:

• 获取图标元素

Inherited From:

• FineUI.PanelBase#getIconEl

Returns:

Type

jQuery

getIndeterminateNodes(returnNodeData) → {Array.<Object>}

Description:

• 获取复选框处于中间状态的节点

Parameters:

Returns:

Type

Array.<Object>

getItem(value) → {FineUI.Component}

Description:

• 获取子控件

Inherited From:

• FineUI.Container#getItem

Parameters:

Returns:

Type

FineUI.Component

getNodeCount(onlyLeafNode) → {number}

Description:

• 获取节点个数

Parameters:

Returns:

Type

number

getNodeData(node) → {Object}

Description:

• 获取节点数据

Parameters:

Returns:

Type

Object

getNodeEl(node) → {jQuery}

Description:

• 获取节点元素

Parameters:

Returns:

Type

jQuery

getNodeId(node) → {string}

Description:

• 获取节点标识符

Parameters:

Returns:

Type

string

getNodePath(node) → {string}

Description:

• 获取节点路径

Parameters:

Returns:

Type

string

getParentData(node) → {Object}

Description:

• 获取父节点数据

Parameters:

Returns:

Type

Object

getParentEl(node) → {jQuery}

Description:

• 获取父节点元素

Parameters:

Returns:

Type

jQuery

getParentId(node) → {string}

Description:

• 获取父节点标识符

Parameters:

Returns:

Type

string

getRootNode() → {Object}

Description:

• 获取根节点

Returns:

Type

Object

getScrollEl() → {jQuery}

Description:

• 获取可滚动元素

Inherited From:

• FineUI.PanelBase#getScrollEl

Returns:

Type

jQuery

getSelectedNode(returnNodeData) → {string}

Description:

• 获取选中的第一个节点

Parameters:

Returns:

Type

string

getSelectedNodes(returnNodeData) → {Array.<string>}

Description:

• 获取选中的节点标识符数组

Parameters:

Returns:

Type

Array.<string>

getTitle() → {string}

Description:

• 获取面板标题

Inherited From:

• FineUI.PanelBase#getTitle

Returns:

Type

string

getTitleTooltip() → {string}

Description:

• 获取面板标题提示信息

Inherited From:

• FineUI.PanelBase#getTitleTooltip

Returns:

Type

string

getTooltip() → {string}

Description:

• 获取提示信息

Inherited From:

• FineUI.Component#getTooltip

Returns:

Type

string

getWidth() → {number}

Description:

• 获取控件宽度

Inherited From:

• FineUI.Component#getWidth

Returns:

Type

number

hasHScrollbar() → {boolean}

Description:

• 是否存在水平滚动条

Inherited From:

• FineUI.PanelBase#hasHScrollbar

Returns:

Type

boolean

hasIcon() → {boolean}

Description:

• 是否有图标

Inherited From:

• FineUI.PanelBase#hasIcon

Returns:

Type

boolean

hasVScrollbar() → {boolean}

Description:

• 是否存在垂直滚动条

Inherited From:

• FineUI.PanelBase#hasVScrollbar

Returns:

Type

boolean

hide()

Description:

• 隐藏面板

Inherited From:

• FineUI.PanelBase#hide

hideIcons()

Description:

• 隐藏节点图标

hideLoading()

Description:

• 隐藏加载动画

Inherited From:

• FineUI.Container#hideLoading

insert(insertIndex, value)

Description:

• 插入新的子控件到当前控件

Inherited From:

• FineUI.Container#insert

Example

menu1.insert(0, ['-', {
		type: 'menuitem',
		text: '新菜单项'
}]);

Parameters:

insertTool(item, insertIndex)

Description:

• 插入工具图标

Inherited From:

• FineUI.PanelBase#insertTool

Parameters:

isCollapsed() → {boolean}

Description:

• 是否处于折叠状态

Inherited From:

• FineUI.PanelBase#isCollapsed

Returns:

Type

boolean

isDirty()

Description:

• 不支持此方法

Overrides:

• FineUI.Panel#isDirty

isDisabled() → {boolean}

Description:

• 是否禁用

Inherited From:

• FineUI.Component#isDisabled

Returns:

Type

boolean

isNodeSelected(nodeId) → {boolean}

Description:

• 节点是否处于选中状态

Parameters:

Returns:

Type

boolean

isType(value) → {boolean}

Description:

• 检测当前实例是否指定的控件类型

Inherited From:

• FineUI.Base#isType

Example

grid1.isType('panel') // 返回true
grid1.isType('grid')  // 返回true

Parameters:

Returns:

Type

boolean

isValid()

Description:

• 不支持此方法

Overrides:

• FineUI.Panel#isValid

isVisible() → {boolean}

Description:

• 是否可见

Inherited From:

• FineUI.Component#isVisible

Returns:

Type

boolean

loadData(parentNodeIdopt, data)

Description:

• 重新加载数据

Parameters:

moveNode(node, targetNode, position) → {string}

Description:

• 移动节点

Parameters:

Returns:

Type

string

off(eventNames, fn)

Description:

• 移除事件

Inherited From:

• FineUI.Component#off

Parameters:

on(eventNames, fn)

Description:

• 注册事件

Inherited From:

• FineUI.Component#on

Parameters:

refreshIFrame()

Description:

• 刷新内联框架

Inherited From:

• FineUI.PanelBase#refreshIFrame

remove()

Description:

• 删除父控件中移除当前控件

Inherited From:

• FineUI.Component#remove

removeAttr(key)

Description:

• 删除节点属性

Inherited From:

• FineUI.Component#removeAttr

Parameters:

removeTooltip()

Description:

• 删除提示信息

Inherited From:

• FineUI.Component#removeTooltip

reset()

Description:

• 不支持此方法

Overrides:

• FineUI.Panel#reset

resolveNode(fn, startNode)

Description:

• 遍历节点

Parameters:

scrollToNode(node)

Description:

• 滚动到节点

Parameters:

selectNode(node, options)

Description:

• 选中节点

Parameters:

selectNodes(nodeIds, options)

Description:

• 选中多个节点

Parameters:

setAttr(key, value)

Description:

• 设置节点属性

Inherited From:

• FineUI.Component#setAttr

Parameters:

setAttrs(attrs)

Description:

• 设置节点属性

Inherited From:

• FineUI.Component#setAttrs

Parameters:

setDisabled(disabled)

Description:

• 设置控件的禁用状态

Inherited From:

• FineUI.Component#setDisabled

Parameters:

setEnabled(enabled)

Description:

• 设置控件的启用状态

Inherited From:

• FineUI.Component#setEnabled

Parameters:

setHeight(height)

Description:

• 设置控件高度

Inherited From:

• FineUI.Component#setHeight

Parameters:

setHidden(hidden)

Description:

• 设置控件的隐藏状态

Inherited From:

• FineUI.Component#setHidden

Parameters:

setIFrameUrl(url)

Description:

• 设置内联框架地址

Inherited From:

• FineUI.PanelBase#setIFrameUrl

Parameters:

setIcon(icon)

Description:

• 设置图标地址

Inherited From:

• FineUI.PanelBase#setIcon

Example

FineUI.ui.panel1.setIcon('../res/images/16/1.png');

Parameters:

setIconFont(iconFont)

Description:

• 设置图标字体

Inherited From:

• FineUI.PanelBase#setIconFont

Example

FineUI.ui.panel1.setIconFont('bank');

Parameters:

setNodeText(nodeId, newText)

Description:

• 设置节点文本

Parameters:

setRootNode(rootNode)

Description:

• 设置根节点

Parameters:

setSize(width, height)

Description:

• 设置控件尺寸

Inherited From:

• FineUI.Component#setSize

Parameters:

setSplitDraggable() → {boolean}

Description:

• 设置分隔条是否可以拖动

Inherited From:

• FineUI.PanelBase#setSplitDraggable

Returns:

Type

boolean

setTitle(title)

Description:

• 设置面板标题

Inherited From:

• FineUI.PanelBase#setTitle

Parameters:

setTitleTooltip(tooltip)

Description:

• 设置面板标题提示信息

Inherited From:

• FineUI.PanelBase#setTitleTooltip

Parameters:

setTooltip(tooltip)

Description:

• 设置提示信息

Inherited From:

• FineUI.Component#setTooltip

Parameters:

setVisible(visible)

Description:

• 设置控件的显示状态

Inherited From:

• FineUI.Component#setVisible

Parameters:

setWidth(width)

Description:

• 设置控件宽度

Inherited From:

• FineUI.Component#setWidth

Parameters:

show()

Description:

• 显示控件

Inherited From:

• FineUI.Component#show

showIcons()

Description:

• 显示节点图标

showLoading(opacity, container)

Description:

• 显示加载动画

Inherited From:

• FineUI.Container#showLoading

Parameters:

toggleCollapse()

Description:

• 切换面板的折叠状态

Inherited From:

• FineUI.PanelBase#toggleCollapse

toggleEnabled()

Description:

• 切换启用状态

Inherited From:

• FineUI.Component#toggleEnabled

toggleIcons()

Description:

• 显示/隐藏节点图标

toggleVisible()

Description:

• 切换显示状态

Inherited From:

• FineUI.Component#toggleVisible

trigger(eventName, args)

Description:

• 触发事件

Inherited From:

• FineUI.Component#trigger

Parameters:

uncheckNode(node, deep)

Description:

• 取消选中节点复选框

Parameters:

uncheckNodes(nodes, deep)

Description:

• 取消选中节点复选框

Parameters:

Events

beforehide

Description:

• 隐藏控件之前触发（返回false则取消隐藏操作）

Inherited From:

• FineUI.Component#event:beforehide

beforeitemclick

Description:

• 点击列表项之前触发（返回false则不执行FineUI.DataList#event:itemclick事件）

Parameters:

beforenodeclick

Description:

• 点击树节点之前触发（返回false则不执行FineUI.Tree#event:nodeclick事件）

Parameters:

beforenodecontextmenu

Description:

• 右键点击树节点时触发（返回false则阻止浏览器默认的右键菜单）

Parameters:

beforeshow

Description:

• 显示控件之前触发（返回false则取消显示操作）

Inherited From:

• FineUI.Component#event:beforeshow

collapse

Description:

• 折叠面板时触发

Inherited From:

• FineUI.PanelBase#event:collapse

Parameters:

dataload

Description:

• 树控件数据加载完毕时触发

dirtychange

Description:

• 容器内的字段值改变时触发

Inherited From:

• FineUI.PanelBase#event:dirtychange

expand

Description:

• 展开面板时触发

Inherited From:

• FineUI.PanelBase#event:expand

Parameters:

hide

Description:

• 隐藏控件时触发

Inherited From:

• FineUI.Component#event:hide

iframeload

Description:

• 内联框架加载完毕时触发

Inherited From:

• FineUI.PanelBase#event:iframeload

layout

Description:

• 布局控件时触发

Inherited From:

• FineUI.Component#event:layout

nodecheck

Description:

• 选中树节点复选框时触发

Parameters:

nodeclick

Description:

• 点击树节点时触发

Parameters:

nodecollapse

Description:

• 折叠树节点时触发

Parameters:

nodedblclick

Description:

• 双击树节点时触发

Parameters:

nodedeselect

Description:

• 取消选中节点时触发

Parameters:

nodeexpand

Description:

• 展开树节点时触发

Parameters:

nodelazyload

Description:

• 延迟加载树节点时触发

Parameters:

nodeselect

Description:

• 选中树节点时触发

Parameters:

render

Description:

• 渲染控件时触发

Inherited From:

• FineUI.Component#event:render

resize

Description:

• 面板尺寸改变时触发

Inherited From:

• FineUI.PanelBase#event:resize

selectionchange

Description:

• 选中的树节点改变时触发

Parameters:

show

Description:

• 显示控件时触发

Inherited From:

• FineUI.Component#event:show

splitdrag

Description:

• 拖动分隔条时触发（拖动操作）

Inherited From:

• FineUI.PanelBase#event:splitdrag

Parameters: