Ext.onReady(function () {
Ext.create('Ext.tree.Panel', {//树面板
title: '多列树实例',//树面板标题
width: 500,
height: 350,
frame:true,
fields:['name','description'],//为树增加字段.不增加name字段而是继续使用text,树节点的名字将无法显示。???
renderTo: Ext.getBody(),
useArrows: true,//s设置树根左面的图标是箭头形式。
columns:[//树也有column配置项,多列树靠这个配置项实现的。columns至少两个属性是必需的,header标题,
//dataIndex即是列中需要显示谁的的数据,需要有个名字。
{
xtype: 'treecolumn',//树列,一种特殊形式的列,就像布尔列,数字列,日期列,动作列。
//数列就是此列内容是树,即树根+树的所有节点
header:'名称',
dataIndex:'name',//显示的是叫做name的字段的数据
sortable:true
},
{header:'描述信息',dataIndex:'description'}//显式的是叫做description的数据
],
root: {//定义树。由于两列要显示name和despriction,所以树的每个部分都要有这两个属性。
name: '树根',
description:'树根的描述',
expanded: true,
children: [
{ name: '树叶节点一',description:'树叶节点一的描述',leaf:true },
{ name: '树叶节点二', description:'树页节点二的描述',leaf: true }
]
}
});
});
转载于:https://www.cnblogs.com/lz3018/p/4579790.html