Extjs中通過Tree載入右側TabPanel

2022-08-01 05:24:13 字數 1091 閱讀 2449

最近在做乙個物流管理的專案,公司必須要求用extjs4.1來做介面,因為以前一直也沒有接觸過所以開發的過程中遇到了很多的困難。同時extjs4.1的資料在網上也相對來說較少。好了,不說廢話上**:

1.左側的功能樹

1 ext.define("am.view.systemtree", ,

11 listeners : 16}

17},

1819

dockeditems : [ , ]

32} ],

3334

root : ]

51}]52}

5354 });

要點介紹:

2.需要開啟的對應的view

1 ext.define("am.view.transportation.vehiclelist",

13},

1415 所在地區為' 17}

18],

19 initcomponent:function

()22 });

3.建立乙個右側的tabpanel

1     ext.define('am.view.tabpanel',,

8items: ,

1213 });

4.設定點選tree的觸發事件

1 'systemtree':).show();

19 }else 22}

23 },

結果上效果圖:

總結:extjs做出來的效果確實很炫,但是學起來也有一定的難度,特別是比較新的版本,網上很難找到什麼好的教程。還好我們有api,可以多對著api中的例子進行練習,這樣掌握起來也很快。最近才接觸extjs,希望各位大神不要吐槽!

ExtJS 修復tree重複載入Bug

treepanel,不管autoload什麼值,都會先載入。若再設定autoload為true,則再載入一遍。屬bug,官方v4版本有人提,v5中仍未解決。解決方法 設定autoload為false,增加beforeload阻止由expand觸發的load,自己呼叫load,可放在panel aft...

ExtJs中動態載入機制研究

以service registry portlet為例 比如,在 liferay portlet.xml中定義了 然後在第5314行,就通過另外乙個方法getprefix 來根據controller的類名來獲取它的字首,並且這個字首會最終參與到運算。我們這裡省去這段邏輯,反正最終,這個 servic...

通過動態載入指令碼提高ExtJS應用效能

昨天同事把完成的乙個使用extframe框架的oa專案的源 發給我,跑起來後發現不出意料的,啟動時很慢,大約要等30 60秒的樣子 估摸著有這幾個原因 1 啟動時需要載入的指令碼太多了 2 載入時就執行建立的物件太多了 3 ie效能不怎麼的,記憶體消耗的有點厲害 今天考慮做優化,首先取消執行時就建立...