sencha touch 点击一个按钮在界面出现侧边栏menu组件

最新推荐文章于 2020-03-16 14:49:21 发布

ZLJ祝

最新推荐文章于 2020-03-16 14:49:21 发布

阅读量335

点赞数

CC 4.0 BY-SA版权

分类专栏： sencha touch 文章标签： sencha touch 之menu组件

本文链接：https://blog.youkuaiyun.com/weixin_43369058/article/details/89330738

sencha touch 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在Sencha Touch中通过点击按钮触发界面右侧边栏Menu组件的显示与隐藏，包括Menu组件的创建、属性设置及事件处理。具体展示了不同权限下Menu组件的差异化配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

sencha touch 点击一个按钮在界面出现侧边栏menu组件

//更多
					after_More_and_more : function(){
							if(a == 0){
								if(permissions === '维保人员'){
									var menu = Ext.create('Ext.Menu',{
							    		 items: [{
							    			xtype: 'button',
							                text: '保存',
							                id : 'after_btn_save',
							                handler: function() {
							                    Ext.Viewport.hideMenu('right');
							                    a=0;
							                }
							            }, {
							            	xtype: 'button',
							                text: '提交',
							                id : 'after_btn_submit',
							                handler: function() {
							                    Ext.Viewport.hideMenu('right');
							                    a=0;
							                }
							            }],
							    	}); 
								}else{
									var menu = Ext.create('Ext.Menu',{
							    		 items: [{
							    			xtype: 'button',
							                text: '保存',
							                id : 'after_btn_save',
							                handler: function() {
							                    Ext.Viewport.hideMenu('right');
							                    a=0;
							                }
							            }, {
							            	xtype: 'button',
							                text: '提交',
							                id : 'after_btn_submit',
							                handler: function() {
							                    Ext.Viewport.hideMenu('right');
							                    a=0;
							                }
							            }, {
							                xtype: 'button',
							                text: '批准',
							                id : 'after_btn_approval',
							                handler: function() {
							                    Ext.Viewport.hideMenu('right');
							                    a=0;
							                }
							            },{
							            	xtype : 'button',
							            	text : '驳回',
							            	id : 'after_btn_rejected',
							            	handler : function(){
							            		Ext.Viewport.hideMenu('right');
							            		a=0;
							            	}
							            }],
							    	});
								}	
						    	Ext.Viewport.setMenu(menu,{
						    		side : 'right',
						    		cover : false,
						    	});
						    	Ext.Viewport.showMenu('right');
						    	Ext.getCmp('ladder_task_view').element.on({
							          tap : function() {
							        	  Ext.Viewport.hideMenu('right');
							        	  a = 0 ;
							          },
							     });
						    	return ;
							}
					},

这个是在界面的右边拓展，所以是right，showMenu函数是打开Menu组件，然后hideMenu函数是关闭Menu组件,setMenu是设置一些属性。