您的位置:首页 > Web前端 > JavaScript

extjs4 treepanel左右键事件

2014-04-19 17:17 260 查看
treepanel节点左右键事件
listeners:{
                            itemclick: function(view, record, item, index,e,eOpts){
                                var me = this;
                                if(!record.data.leaf){
                                    if(record.data.expanded){
                                        view.ownerCt.collapseNode(record);
                                    }else{
                                        view.ownerCt.expandNode(record);

                                    }
                                    Ext.getCmp('center-panel').setActiveTab(Ext.getCmp('tabpanel1'));
                                }else{
//                                    Ext.MessageBox.alert('msg',Ext.getCmp('center-panel'));
                                    scope:this;
                                    Ext.getCmp('center-panel').setActiveTab(Ext.getCmp('tabpanel2'));

                                }
                            } ,
                            'itemcontextmenu':function(view,record,item,index,e,eOpts){
                                //禁用浏览器的右键相应事件
                                e.preventDefault();
                                e.stopEvent();
                                var menu = new Ext.menu.Menu({
                                    //控制右键菜单位置
                                    float:true,
                                    items:[{
                                        text:"修改",
                                        iconCls:'leaf',
                                        handler:function(){
                                            //当点击时隐藏右键菜单
                                            this.up("menu").hide();
                                            alert(record.raw.name);
                                        }
                                    },{
                                        text:"添加",
                                        iconCls:'leaf',
                                        handler:function(){
                                            this.up("menu").hide();
                                            alert("添加");
                                        }
                                    },{
                                        text:"删除",
                                        iconCls:'leaf',
                                        handler:function(){
                                            this.up("menu").hide();
                                            alert("删除");
                                        }
                                    }
                                    ]
                                }).showAt(e.getXY());//让右键菜单跟随鼠标位置
                            }
                        }
点击节点是加一个listeners,点击节点的时候触发下面的方法
Ext.getCmp('tabpanel').setActiveTab(Ext.getCmp('user1'));
tabpanel是 tabpanel的id
user1是 tabpanel的items里的一个元素的id(也就是你想显示的tabpanel)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: