一.問題:
ExtJS4使用border布局,左邊為accordion布局的功能導航菜單,發現當導航菜單面板收縮展開時,右邊選項卡面板(TabPanel)中的grid等面板寬度並沒有自動變化。
二.解決方案:
1.在新增選項卡中配置一個自定義屬性sidebarChange,默認值為false,用於保存左邊導航菜單是否發生展開收縮動作。
2.在新增的選項卡中添加activate監聽事件,當選項卡被激活且sidebarChange屬性值為true時,則通過tab.loader.load()重新加載選項卡內容。
3.在左邊功能導航面板中配置相應的展開和收縮事件的監聽。及相應的處理方法。
這樣,當左邊功能導航面板收縮或展開時,當前的選項卡會重新加載。
4.至此,當左邊導航面板收縮或展開時,就解決了gridpanel寬度不跟着自動變化問題。