Ext JS 4.2.0文档翻译： Ext.tree.Panel
TreePanel为那种以树型组织的数据提供了树型的界面呈现。一个TreePanel必须绑定到一个Ext.data.TreeStore。TreePanel可通过columns 这个配置选项来支持多个列。
使用内联数据构造的简单TreePanel：
var store = Ext.create (' Ext.data.TreeStore ', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true },
{ text: "homework", expanded: true, children: [
{ text: "book report", leaf: true },
{ text: "algebra", leaf: true}
] },
{ text: "buy lottery tickets", leaf: true }
]
}
});
Ext.create (' Ext.tree.Panel ', {
title: 'Simple Tree',
width: 200,
height: 150,
store: store,
rootVisible: false,
renderTo: Ext.getBody ()
});
至于树中各个节点的配置选项（例如text、leaf、expanded），参考NodeInterface 的配置选项文档。
方法
实例方法
Ext.tree.Panel
getRootNode( ) : Ext.data.NodeInterface
返回这棵树的根节点。
返回
Ext.container.AbstractContainer
removeAll( [autoDestroy] ) : Ext.Component[]
从这个容器中删除所有组件。
自这个版本开始可用： 2.3.0
参数
-
•.autoDestroy : Boolean (可选)
如果为真（True），则自动调用被删除的组件的Ext.Component.destroy函数。默认值与本容器的autoDestroy 配置选项一致。
返回
-
•. Ext.Component[]
被删除的组件组成的数组
Ext.tree.Panel
setRootNode( root ) : Ext.data.NodeInterface
设置这棵树的根节点。
参数
-
•.root : Ext.data.Model/Ext.data.NodeInterface/Object
返回
-
新设置的根节点
事件
Ext.tree.Panel
checkchange( node, checked, eOpts )
当某个带有复选框的节点的选中状态发生改变时，会触发这个事件
参数
-
•.node : Ext.data.NodeInterface
其选中状态发生改变的那个节点
-
•.checked : Boolean
该节点的新的选中状态
-
•.eOpts : Object
将要传递给Ext.util.Observable.addListener的选项对象。
itemclick( this, record, item, index, e, eOpts )
当某个条目被点击时，触发这个事件。
参数
-
•.this : Ext.view.View
-
•.record : Ext.data.Model
与该条目对应的数据记录
-
•.item : HTMLElement
该条目对应的网页元素
-
•.index : Number
该条目的索引
-
•.e : Ext.EventObject
原始的事件对象
-
•.eOpts : Object
将会被传递给Ext.util.Observable.addListener的选项对象。
未知美人
未知美人
未知美人
未知美人
Email:Website url:Opinion content:HxLauncher: Launch Android applications by voice commands
kill -9 18998