extjs4中的tree的使用

最新推荐文章于 2019-01-17 10:53:03 发布

Sloan_JCY

最新推荐文章于 2019-01-17 10:53:03 发布

阅读量1.1k

点赞数 1

分类专栏： Extjs4 文章标签： extjs4 tree

本文链接：https://blog.csdn.net/jcy472578/article/details/16863011

版权

Extjs4 专栏收录该内容

54 篇文章 1 订阅

订阅专栏

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        
            }]
        }]
    }
});