Ext.js - 方法



以下是幾個在 Ext JS 中大量使用的內建函式。

Ext.is 類

此類檢查您使用的平臺,無論是手機還是桌面,是 Mac 還是 Windows 作業系統。以下是與 Ext.is 類相關的以下方法。

序號 方法和描述
1

Ext.is.Platforms

此函式返回此版本可用的平臺。

例如,當您執行以下函式時,它將返回類似以下內容:

[Object { property = "platform", regex = RegExp, identity = "iPhone"}, 
Object { property = "platform", regex = RegExp, identity = "iPod"}, 
Object { property = "userAgent", regex = RegExp, identity = "iPad"}, 
Object { property = "userAgent", regex = RegExp, identity = "Blackberry"}, 
Object { property = "userAgent", regex = RegExp, identity = "Android"}, 
Object { property = "platform", regex = RegExp, identity = "Mac"}, 
Object { property = "platform", regex = RegExp, identity = "Windows"}, 
Object { property = "platform", regex = RegExp, identity = "Linux"}]
2

Ext.is.Android

如果使用的是 Android 作業系統,則此函式將返回 true,否則返回 false。

3

Ext.is.Desktop

如果使用的是桌面應用程式,則此函式將返回 true,否則返回 false。

4

Ext.is.Phone

如果使用的是手機,則此函式將返回 true,否則返回 false。

5

Ext.is.iPhone

如果使用的是 iPhone,則此函式將返回 true,否則返回 false。

6

Ext.is.iPod

如果使用的是 iPod,則此函式將返回 true,否則返回 false。

7

Ext.is.iPad

如果使用的是 iPad,則此函式將返回 true,否則返回 false。

8

Ext.is.Windows

如果使用的是 Windows 作業系統,則此函式將返回 true,否則返回 false。

9

Ext.is.Linux

如果使用的是 Linux 作業系統,則此函式將返回 true,否則返回 false。

10

Ext.is.Blackberry

如果使用的是 Blackberry,則此函式將返回 true,否則返回 false。

11

Ext.is.Mac

如果使用的是 Mac 作業系統,則此函式將返回 true,否則返回 false。

Ext.supports 類

顧名思義,此類提供有關當前瀏覽器/裝置環境是否支援該功能的資訊。

序號 方法和描述
1

Ext.supports.History

它檢查裝置是否支援 HTML 5 歷史記錄作為 window.history。如果裝置支援歷史記錄,則返回true,否則返回 false。

2

Ext.supports.GeoLocation

它檢查裝置是否支援地理位置方法。在內部,它檢查 navigator.geolocation 方法。

3

Ext.supports.Svg

它檢查裝置是否支援 HTML 5 功能可縮放向量圖形 (svg) 方法。在內部,它檢查 doc.createElementNS && !!doc.createElementNS("http:/" + "/www.w3.org/2000/svg", "svg").createSVGRect。

4

Ext.supports.Canvas

它檢查裝置是否支援 HTML 5 功能畫布繪製方法。在內部,它檢查 doc.createElement('canvas').getContext 並根據此方法的輸出返回值。

5

Ext.supports.Range

它檢查瀏覽器是否支援 document.createRange 方法。

Ext.String 類

Ext.String 類具有各種用於處理字串資料的方法。最常用的方法是編碼解碼、修剪、切換、urlAppend 等。

編碼解碼函式 - 這些是 Ext.String 類中可用於編碼和解碼 HTML 值的函式。

序號 方法和描述
1

Ext.String.htmlEncode

此函式用於編碼 html 值以使其可解析。

示例 -

Ext.String.htmlEncode("< p > Hello World < /p >"); 
Output - "&lt; p &gt; Hello World &lt; /p &gt;".
2

Ext.String.htmlDecode

此函式用於解碼已編碼的 html 值。

示例 -

Ext.String.htmlDecode("&lt; p &gt; Hello World &lt; /p &gt;");
Output -  "< p > Hello World < /p >"
3

Ext.String.trim

此函式用於修剪字串中不需要的空格。

Ext.String.trim('      hello      ');
Output – "hello"
4

Ext.String.urlAppend

此方法用於在 URL 字串中追加值。

示例 -

Ext.String.urlAppend('https://www.google.com' , 'hello'); 
Output - "https://www.google.com?hello" 
Ext.String.urlAppend('https://www.google.com?index=1' , 'hello'); 
Output – "https://www.google.com?index=1&hello" 
5

Ext.String.toggle

此函式用於在兩個不同的值之間切換值。

示例 -

var toggleString = 'ASC' 
toggleString = Ext.String.toggle(a, 'ASC', 'DESC');
Output – DESC as toggleString had value ASC. Now again, if we 
print the same we will get toggleString = “ASC” this time, as 
it had value 'DESC'. 
It is similar to ternary operator 
toggleString = ((toggleString =='ASC')? 'DESC' : 'ASC' );

其他方法

序號 方法和描述
1

Ext.userAgent()

此函式提供有關瀏覽器 userAgent 的資訊。UserAgent 用於向 Web 伺服器識別瀏覽器和作業系統。

示例 - 如果您在 Mozilla 中工作,它將返回類似以下內容:“mozilla/5.0 (windows nt 6.1; wow64; rv:43.0) gecko/20100101 firefox/43.0”

2

版本相關函式

如果該函式與 IE 相關聯,則此函式將返回當前正在使用的瀏覽器的版本。在 Firefox 瀏覽器中,它返回 0。這些函式是 Ext.firefoxVersion、Ext.ieVersion 等。

示例 - 如果您使用的是 Firefox 瀏覽器並呼叫方法 Ext.ieVersion 以獲取 IE 的版本,則它將返回 0。如果您在 IE 瀏覽器中使用相同的方法,則它將返回您正在使用的版本,例如 8、9 等。

3

Ext.getVersion()

此函式返回當前使用的 Ext JS 版本。

示例 - 如果您呼叫 Ext.getVersion(),它將返回一個包含版本、短版本等值的陣列。

Ext.getVersion().version 返回程式中使用的 Ext JS 的當前版本,例如“4.2.2”。

4

瀏覽器相關函式

這些函式根據使用的瀏覽器返回布林值。這些方法是 Ext.isIE、Ext.isIE6、Ext.isFF06 和 Ext.isChrome。

示例 - 如果您使用的是 Chrome 瀏覽器,則函式 Ext.isChrome 將始終返回 true,否則將返回 false。

5

Ext.typeOf()

此函式返回變數的資料型別。

示例 -

var a = 5;   
var b  = 'hello'; 
Ext.typeOf(a); 
Output – Number 
Ext.typeOf(b);
Output - String
6

資料型別相關方法 - 這些函式根據變數的資料型別返回布林值

示例 -

var a = ['a', 'bc'];
var b = 'hello';
var c = 123;
var emptyVariable;
var definedVariable;
function extraFunction(){return true;}
Ext.isArray(a); //返回 true
Ext.isString(b); //返回 true
Ext.isNumber(c); //返回 true
Ext.isEmpty(emptyVariable); //返回 true
Ext.isEmpty(b); //返回 false
Ext.isDefined(definedVariable); //返回 true
Ext.isfunction(extraFunction); //返回 true
廣告