多列树

 Ext.onReady(function () {
            Ext.create('Ext.tree.Panel', {//树面板
                title: '多列树实例',//树面板标题
                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 }
                    ]
                }
            });
        });