這篇文章給大家分享的是有關在Ext.JS應用程序中應該避免的開發(fā)方法有哪些的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
專注于為中小企業(yè)提供成都網(wǎng)站設計、網(wǎng)站制作服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)漳浦免費做網(wǎng)站提供優(yōu)質(zhì)的服務。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了近1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。開發(fā)人員最常見的錯誤之一是沒理由的嵌套組件。這樣做,會影響性能和也會造成應用程序的不美觀,如爽邊框火意外的布局行為。在下面的示例1A,在面板內(nèi)只包含了一個Grid。在這種情況下,該面板是不必要的。如示例1B所示,額外的面板可以取消。要記住的是,表單面板、樹面板、標簽面板和Grid面板都是從面板擴展的,隱藏,在使用這些組件的時候,應該特別注意不要的嵌套情況。
items: [{ xtype : 'panel', title: ‘My Cool Grid’, layout: ‘fit’, items : [{ xtype : 'grid', store : 'MyStore', columns : [{...}] }] }]
示例1A 不好的:面板(panel)是不必要的
layout: ‘fit’, items: [{ xtype : 'grid', title: ‘My Cool Grid’, store : 'MyStore', columns : [{...}] }]
示例1B 好:Grid已經(jīng)是面板,因而可以直接在Grid中使用任何面板屬性
許多開發(fā)人員不知道為什么他們的應用程序隨著使用時間越長越來越慢。在用戶瀏覽整個應用程序期間清理未使用組件失敗是大的一個原因。在下面的實例2A中,每次用戶右鍵單擊Grid的行,都會創(chuàng)建一個新的右鍵菜單。如果用戶保持應用程序處于打開狀態(tài)并右鍵單擊行上百次,那么,就會有上百個永遠不會被摧毀的右鍵菜單。對于開發(fā)人員和用戶來說,應用程序“看上去”顯示是爭取的是因為只有最后一個被創(chuàng)建的菜單能顯示在頁面上,而且與的則是隱藏的。由于沒有創(chuàng)建新菜單并沒有清理舊的,應用程序的內(nèi)存利用率就會不斷增長,這最終將導致較慢的操作或瀏覽器崩潰。
示例2A就很好,由于右鍵菜單只在Grid初始化時創(chuàng)建一次,并在用戶每次右鍵單擊行時重復使用。不過,如果Grid被銷毀,右鍵菜單一直存在,盡管它不再需要。最好的方式是示例2C,在Grid銷毀的時候,把右鍵菜單也銷毀。
Ext.define('MyApp.view.MyGrid',{ extend : 'Ext.grid.Panel', columns : [{...}], store: ‘MyStore’, initComponent : function(){ this.callParent(arguments); this.on({ scope : this, itemcontextmenu : this.onItemContextMenu }); }, onItemContextMenu : function(view,rec,item,index,event){ event.stopEvent(); Ext.create('Ext.menu.Menu',{ items : [{ text : 'Do Something' }] }).showAt(event.getXY()); } });
示例2A 不好:每一次右鍵單擊都會創(chuàng)建菜單,且永遠不會被銷毀
Ext.define('MyApp.view.MyGrid',{ extend : 'Ext.grid.Panel', store : 'MyStore', columns : [{...}], initComponent : function(){ this.menu = this.buildMenu(); this.callParent(arguments); this.on({ scope : this, itemcontextmenu : this.onItemContextMenu }); }, buildMenu : function(){ return Ext.create('Ext.menu.Menu',{ items : [{ text : 'Do Something' }] }); }, onItemContextMenu : function(view,rec,item,index,event){ event.stopEvent(); this.menu.showAt(event.getXY()); } });
感謝各位的閱讀!關于“在Ext.JS應用程序中應該避免的開發(fā)方法有哪些”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。