ExtJs4 TreePanel学习

//TreePanel面板

function getMenuTreePanel(){
 var menuTreePanel = Ext.getCmp('menuTreePanel');
 if(!menuTreePanel){
  menuTreePanel = Ext.create('Ext.tree.Panel', {
   id:'menuTreePanel',
      store: officeStore,
      rootVisible: false,
      autoScroll:true,
      renderTo: Ext.getBody(),
      listeners:{
          itemdblclick:function(view, record, item, idx, event, eOpts) {//tree双击事件
           var treeOID = record.get('id');获取点击tree节点的id,如需要其他值可以通告get()来获取
           var viewPanel = Ext.getCmp('officeCenterPanel');
           if(treeOID == 'treeNodeAddAdviceOID'){
            alert('添加通告');
           }else if(treeOID == 'treeNodeNoSendAdviceOID'){//未发通告
            var adviceTab = getAdviceGridPanel('noSendAdvice',record.raw.text);
            activeTab('noSendAdvice',record.raw.text,adviceTab);
            viewPanel.setTitle('OA办公管理桌面->通知公告->'+record.raw.text);
           }
          }
         }
  }); 
 }
 return menuTreePanel;
}

 //获取当前选中treeNode值:var node = Ext.getCmp('treePanelOID').getSelectionModel().getSelection()[0].raw.text;

treeStore数据源

var officeStore = Ext.create('Ext.data.TreeStore', {
    root: {
     text:'Root Node',
        expanded: true,
        children: [{
            text: '通知公告',
            id:'treeNodeAdviceOID',
            expanded: true,
            leaf:false,
            children: [{
             text:'添加通告',
             id:'treeNodeAddAdviceOID',
                leaf:true
            },{
             text:'未发通告',
             id:'treeNodeNoSendAdviceOID',
                leaf:true
            },{
             text:'已发通告',
             id:'treeNodeSendedAdviceOID',
                leaf:true
            }]
        },{
            text: '内部邮件',
            id:'treeNodePostBoxOID',
            expanded: true,
            leaf:false,
            children: [{
             text: '添加邮件',
             id:'treeNodeAddPostBoxOID',
                leaf:true
            },{
             text: '未发邮件',
             id:'treeNodeNoSendPostBoxOID',
                leaf:true
            },{
             text:'已发邮件',
             id:'treeNodeSendedPostBoxOID',
                leaf:true
            }]
        },{
            text: '考勤管理',
            id:'treeNodeAttendanceOID',
            leaf:false,
            expanded: false,
            children: [{
             text:'考勤统计',
                leaf:true
            }]
        },{
            text: '工作日志',
            id:'treeNodeJobLogOID',
            leaf:false,
            expanded: false,
            children: [{
             text:'我的日志',
                leaf:true
            },{
             text:'日志管理',
                leaf:true
            }]
        }]
    }
});


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值