[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
2013-01-07 13:50
701 查看
一.问题:
ExtJS4使用border布局,左边为accordion布局的功能导航菜单,发现当导航菜单面板收缩展开时,右边选项卡面板(TabPanel)中的grid等面板宽度并没有自动变化。
二.解决方案:
1.在新增选项卡中配置一个自定义属性sidebarChange,默认值为false,用于保存左边导航菜单是否发生展开收缩动作。
2.在新增的选项卡中添加activate监听事件,当选项卡被激活且sidebarChange属性值为true时,则通过tab.loader.load()重新加载选项卡内容。
3.在左边功能导航面板中配置相应的展开和收缩事件的监听。及相应的处理方法。
这样,当左边功能导航面板收缩或展开时,当前的选项卡会重新加载。
4.至此,当左边导航面板收缩或展开时,就解决了gridpanel宽度不跟着自动变化问题。
ExtJS4使用border布局,左边为accordion布局的功能导航菜单,发现当导航菜单面板收缩展开时,右边选项卡面板(TabPanel)中的grid等面板宽度并没有自动变化。
二.解决方案:
1.在新增选项卡中配置一个自定义属性sidebarChange,默认值为false,用于保存左边导航菜单是否发生展开收缩动作。
2.在新增的选项卡中添加activate监听事件,当选项卡被激活且sidebarChange属性值为true时,则通过tab.loader.load()重新加载选项卡内容。
3.在左边功能导航面板中配置相应的展开和收缩事件的监听。及相应的处理方法。
这样,当左边功能导航面板收缩或展开时,当前的选项卡会重新加载。
4.至此,当左边导航面板收缩或展开时,就解决了gridpanel宽度不跟着自动变化问题。
相关文章推荐
- 导航面板[ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)
- [EXTJs]TabPanel动态生成,加载组件时,组件不能正常显示的解决办法
- 关于extjs中的tabpanel的刷新等若干问题,解决tabpanel内页面刷新,更新数据等问题。
- extjs4 tabpanel动态创建tab时高度自适应解决方法
- 解决 Ext tabPanel 下组件不能及时显示的问题
- Extjs4 Tab面板Mapbar地图关闭再打开气泡失效问题解决
- ExtJs实践(5)——解决在GridPanel中使用bbar或者tbar的分页条的宽度自适应问题
- ExtJs 解决在GridPanel中使用bbar或者tbar的分页条的宽度自适应问题
- .Net环境下水晶报表不能动态更新的问题原由及解决
- 手机滑屏tab菜单自适应高度,菜单内容级联滑动(tab超过屏幕宽度可自动滑动)
- 解决:dataGridView列不能自适应宽度问题
- TabPanel非首显页不能完全渲染的问题解决
- Extjs之gridPanel的高度自适应问题解决方法
- Extjs 4.2 动态更新panel内容
- C#中关于updatePanel与freeTextBox不兼容的问题 当页面刷子新后,ftb不能输入内容的解决办法
- Extjs中左边treepanel右边panel动态加载jsp页面
- 在对话框中动态创建的菜单不能响应UpdeateCommand的问题解决方法
- Extjs 4.2 动态更新panel内容
- Extjs 4.2 动态更新panel内容
- .Net环境下水晶报表不能动态更新的问题原由及解决