[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寬度不跟着自動變化問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM