extjs4中的tree的使用

来源：互联网发布：mac自带的远程桌面连接编辑：程序博客网时间：2024/05/21 13:22
Ext.define("AM.view.deptView",{    extend:'Ext.tree.Panel',    alias: 'widget.deptTree',//起别名    title : '部门树形',    width : 250,    height: 300,    padding : '5 3 3 10',    rootVisible : false,//控制显隐的属性    dockedItems:[{        xtype:'toolbar',        dock:'left',        //ui:'footer',样式        items:[            {xtype:'button',text:'add',id:'add'},            {xtype:'button',text:'copy',id:'copy'},            {xtype:'button',text:'delete',id:'delete'}        ]    },{        xtype:'toolbar',        items:[{            xtype:'button',            id:'allopen',            text:'展开全部'        },{            xtype:'button',            id:'allclose',            text:'收起全部'        }]    }],//    store:'deptStore',    root:{        text:'root',        id : '0',        leaf:false,        children:[{            text:'技术部门',            checked:false,            id : '01',            leaf:false,            children:[{                checked:false,                text:'研发部',                id : '0101',                leaf:true                    },{                checked:false,//只要写了checked就会有多选框出现                text:'实施部',                id : '0102',                leaf:true                    }]        },{            text:'后勤部门',            id : '02',            checked:false,            leaf:false,            children:[{                text:'人事部',                id : '0201',                checked:false,                leaf:true                    },{                text:'行政部',                id : '0202',                checked:false,                leaf:true                    }]        }]    }});