Ext.js - 方法

以下是一些内置函数,在 Ext JS 中被大量使用。

Ext.is 类

此类检查您使用的平台,无论是手机还是桌面,Mac 还是 Windows 操作系统。以下是与 Ext.is 类相关的方法。

Sr.No 方法 &描述
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 类

顾名思义,此类提供该功能是否受支持的信息由浏览器/设备的当前环境决定。

Sr.No 方法和说明
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 类有多种方法来处理字符串数据。最常用的方法是编码解码、trim、toggle、urlAppend 等。

编码解码函数 −这些是 Ext.String 类中可用的函数,用于对 HTML 值进行编码和解码。

Sr.No 方法和说明
1

Ext.String.htmlEncode

此函数用于对 html 值进行编码,使其可解析。

示例

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

Ext.String.htmlDecode

此函数用于解码编码后的 html 值。

示例

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

Ext.String.trim

此函数用于修剪字符串中不需要的空格。

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

Ext.String.urlAppend

此方法用于在 URL 字符串中附加一个值。

示例

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

Ext.String.toggle

此函数用于在两个不同值之间切换值。

示例

var toggleString = 'ASC'
toggleString = Ext.String.toggle(a, 'ASC', 'DESC');
输出 – DESC 因为 toggleString 的值为 ASC。现在,如果我们再次打印相同的内容,这次我们将得到 toggleString = "ASC",因为它的值为 'DESC'。
它类似于三元运算符
toggleString = ((toggleString =='ASC')? 'DESC' : 'ASC' );

其他方法

Sr.No 方法和说明
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

DataType 相关方法 − 这些函数根据变量的数据类型返回布尔值

示例

var a = ['a', 'bc'];
var b = 'hello';
var c = 123;
var emptyVariable;
var definedVariable;
function extraFunction(){返回 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