[Extjs6]Ext.application设置mainView后无法修改,切换界面采用以下方法
2016-10-23 08:59
351 查看
经过测试,如果直接对Ext.application的mainView界面进行切换,是费力而效果不好。不如换一种思路解决。
首先自定义好程序显示的一个容器,我们在对这个容器的items进行操作的时候就会便利许多。
1)定义好容器 mainContainer
2)在Ext.application中指定Admin.view.main.MainContainer为mainView。
3)然后我们想要切换当前的界面只需使用以下方式。
实现效果如下:
点击Login后切换到下面界面,这样就可以轻松实现登录界面了!!!!
首先自定义好程序显示的一个容器,我们在对这个容器的items进行操作的时候就会便利许多。
1)定义好容器 mainContainer
//MainContainer主要是用来作为程序显示主容器 Ext.define('Admin.view.main.MainContainer', { extend: 'Ext.Container', xtype: 'maincontainer', fullscreen:true, layout:'fit', items:[ { xtype: 'loginmanage' } ] });
2)在Ext.application中指定Admin.view.main.MainContainer为mainView。
/** * The main application class. An instance of this class is created by app.js when it * calls Ext.application(). This is the ideal place to handle application launch and * initialization details. */ Ext.define('Admin.Application', { extend: 'Ext.app.Application', name: 'Admin', //defaultToken : 'dashboard', //mainView: 'Admin.view.main.Main', mainView: 'Admin.view.main.MainContainer', profiles: [ 'Phone', 'Tablet' ], stores: [ 'NavigationTree' ] });
3)然后我们想要切换当前的界面只需使用以下方式。
console.log(this.up("maincontainer")) var mainContainer = this.up("maincontainer"); mainContainer.removeAll(); //此处以添加主界面为例 mainContainer.add({ xtype:"main" });
实现效果如下:
点击Login后切换到下面界面,这样就可以轻松实现登录界面了!!!!
相关文章推荐
- [Extjs6]Ext.application设置mainView后无法修改,切换界面采用以下方法
- ViewPager中嵌套Fragment中的EditText设置requestFocus无法获取焦点的解决方法
- 重装系统后,mysql数据库无法安装问题(丢失.dll文件或提示你修改计算机名……),请先按以下方法尝试,如果不行,欢迎交流
- 关于TP5视图分离到根目录的解决方法 原有: 为了方便前端开发,我想把视图(view)部分分离出来专门给前端进行修改 过程:在进行视图设置分离的过程遇到了问题 参考了官方文档http://www
- Ubuntu切换到英文界面无法唤出中文输入法的解决方法
- Android: View换切后,无法正常设置焦点或切换后TextView的虚拟键盘不弹出
- textView.setCompoundDrawablesWithIntrinsicBounds(icon, 0, 0, 0)方法无法获取设置系统应用图标的问题
- Android: View换切后,无法正常设置焦点或切换后TextView的虚拟键盘不弹出
- 同ListView该接口无法通过手势滑动左右切换界面问题解决方法
- 关于android的webview 使用的问题 JS无法正常使用 界面切换出现白屏
- Android 百度地图开发-setOnTouchListener方法给mapView设置了OnTouchListener后地图无法拖动的问题
- win8系统修改登录界面DPI设置的具体方法
- maven project中,在main方法上右键Run as Java Application时,提示错误:找不到或无法加载主类XXX.XXXX.XXX
- 修改Win10登录界面时无法运行Login.ps1文件的解决方法
- 解决ViewPager设置切换动画PageTransformer后子页无法触摸的问题
- 写一个方法进行各种属性的更新,而不要每个界面设置改变都改变一个属性。就是点击应用或确定按钮时调用这个更新属性的方法,遍历所有(控制对象属性的)界面控件的状态(值),进行属性修改和刷新。
- C# ComboBox控件“设置 DataSource 属性后无法修改项集合”的完美解决方法
- 自定义view界面提示The application may be doing too much work on its main thread.
- Android横竖屏切换后,重新设置activity布局,ViewPager上无法正确显示Fragment
- TextView设置android:ellipsize="marquee"属性,无法实现跑马灯效果的解决方法