翻譯 Ext JS最新技巧 2014 8 13

2021-09-04 13:27:46 字數 1413 閱讀 9076

原文:

top support tips

在ext js 5,只支援ie8+,因此不再古力使用者使用嚴格的html文件型別。現在,推薦使用html 5的文件型別,而且還推薦使用x-ua-compatible作為meta標記以確保ie不會啟用「相容模式」,因為該模式不支援ext js。

以下**片段展示了用於ext js 5的理想的文件型別和head:

在《ext js 5指南》中的新功能介紹中可以找到有關這方面的更詳細的資訊。

override: 'ext.panel.panel',

close: function() ,

helloworld: function()});

下面來重溫一下語法:

首先,要根據應用程式的overrids資料夾使用適當的命名空間來定義重寫:

新增override配置項並將重寫類作為它的值。在示例中,要重寫的是ext.panel.panel。

新增要重寫的功能,這需要確保所有的相關部分。在當前示例,只是修改了close功能,讓它輸出乙個控制台資訊。如果建立乙個面板並呼叫它的close方法, 將會在控制台看到資訊「my change to close」。

注意:在重寫方法內,如果需要呼叫基類的同名方法,就需要呼叫this.callparent方法。

還可以新增新的功能。正如你所知道的,在ext.panel.panel內並沒有「helloworld」方法。然而,這可以通過重寫來新增它。現在,建立乙個面板,並呼叫panel.helloworld方法,將會輸出資訊「hello world」。

正如你所見到的,重寫是乙個強大的,可在應用程式中用來自定義框架的工具。如果還一直在使用ext js 3方式的重寫,請對他們進行大修。

可以在這裡越多到更多有關的定義機制。

callparent是sencha類系統(在ext js和sencha touch經常會見到)提供的乙個方法,用來呼叫基類的同名方法。這在從乙個框架類派生且要重寫諸如onrender這樣的方法時會經常看到。在乙個帶有引數的方法內呼叫callparent方法時,有兩種方式來將這些引數傳遞給基類的方法。可以像以下**哪樣使用簡便的arguments關鍵字:

extend: 'ext.panel.panel',

onrender: function (parentnode, index) });

又或者,可以顯式的將這些引數作為陣列直接量傳遞:

onrender: function (parentnode, index)

這看上去沒有區別,不過,在使用sencha cmd 5新的優化對callparent進行優化的時候,效能的改進會變得很明顯。在啟用了優化的時候,這兩個方法會被優化為以下**:

onrender: function (parentnode, index)

翻譯 Ext JS最新技巧 2016 3 4

原文 top support tips ext js的grid是乙個便於在布局中顯示資訊的偉大工具。有些使用者可能會希望將這些資訊列印為會議資料或宣傳材料,而且會希望在列印的時候,能新增水印以便進行版權保護 保密或作為品牌的一種方式。這個很容易實現,只要在ext js的grid中為它指定乙個樣式就行...

翻譯 Ext JS最新技巧 2014 8 13

原文 top support tips 在ext js 5,只支援ie8 因此不再古力使用者使用嚴格的html文件型別。現在,推薦使用html 5的文件型別,而且還推薦使用x ua compatible作為meta標記以確保ie不會啟用 相容模式 因為該模式不支援ext js。以下 片段展示了用於e...

翻譯 Ext JS最新技巧 2014 9 10

原文 top support tips 在ext js 5.0.1,新增了一些與可訪問性和支援aria有關的顯著改進。雖然鼓勵使用這些新增功能,但預設樣式可能無法在所有情況下都能達到最理想的狀況。事實上,在單元格邊框實現焦點就不適合所有的情況。如果想對焦點樣式進行調整,最好的方式是通過修改sass變...