zoukankan      html  css  js  c++  java
  • [ExtJS4]ExtJS4左边菜单面板收缩展开,右边TabPanel内容动态更新(解决宽度不能自适应问题)

    一.问题:

    ExtJS4使用border布局,左边为accordion布局的功能导航菜单,发现当导航菜单面板收缩展开时,右边选项卡面板(TabPanel)中的grid等面板宽度并没有自动变化。

    二.解决方案:

    1.在新增选项卡中配置一个自定义属性sidebarChange,默认值为false,用于保存左边导航菜单是否发生展开收缩动作。

    2.在新增的选项卡中添加activate监听事件,当选项卡被激活且sidebarChange属性值为true时,则通过tab.loader.load()重新加载选项卡内容。

    image_thumb5_thumb

    3.在左边功能导航面板中配置相应的展开和收缩事件的监听。及相应的处理方法。

    这样,当左边功能导航面板收缩或展开时,当前的选项卡会重新加载。

    image_thumb8_thumb

    image_thumb11_thumb

    4.至此,当左边导航面板收缩或展开时,就解决了gridpanel宽度不跟着自动变化问题。

  • 相关阅读:
    emacs配置emacs-clang-complete-async
    emacs之配置自动安装脚本
    vim之YCM配置
    vim之vundle
    emacs之配置php
    kettle的日志
    kettle的报错解决机制
    kettle优化
    将BAT文件注册为服务的方法
    使用powerdesinger逆向生成表结构
  • 原文地址:https://www.cnblogs.com/huligong1234/p/2849183.html
Copyright © 2011-2022 走看看