当前位置: 首页 > 文档资料 > ExtJS 入门教程 >

方法(Methods)

优质
小牛编辑
129浏览
2023-12-01

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

Ext.is Class

此类检查您正在使用的平台,无论是手机还是台式机,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 Class

如名称所示,如果浏览器/设备的当前环境支持该功能,则此类提供信息。

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 Class

Ext.String类有各种方法来处理字符串数据。 最常用的方法是编码解码,修剪,切换,urlAppend等。

Encoding Decoding function - 这些是Ext.String类中可用于编码和解码HTML值的函数。

Sr.No方法和描述
1

Ext.String.htmlEncode

此函数用于编码html值以使其可解析。

Example -

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

Ext.String.htmlDecode

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

Example -

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

Ext.String.trim

此功能用于修剪字符串中不需要的空间。

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

Ext.String.urlAppend

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

Example -

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

此功能用于在两个不同值之间切换值。

Example -

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' );

杂项方法

Sr.No方法和描述
1

Ext.userAgent()

此函数提供有关浏览器userAgent的信息。 UserAgent用于识别Web服务器的浏览器和操作系统。

Example - 如果您在Mozilla中工作,则返回类似于:“mozilla/5.0(windows nt 6.1; wow64; rv:43.0)gecko/20100101 firefox/43.0”

2

Version related function

如果调用与IE相关的函数,则此函数返回当前正在使用的浏览器的版本。 在Firefox浏览器中,它返回0.这些函数是Ext.firefoxVersion,Ext.ieVersion等。

Example - 如果您使用的是Firefox浏览器,并且调用方法Ext.ieVersion来获取IE的版本,那么它将返回0.如果您在IE浏览器中使用相同的方法,则它将返回您正在使用的版本,例如8,9等

3

Ext.getVersion()

此函数返回当前使用的Ext JS版本。

Example - 如果调用Ext.getVersion(),它将返回一个值数组,如版本,短版本等。

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

4

Browser related functions

这些函数根据使用的浏览器返回布尔值。 这些方法是Ext.isIE,Ext.isIE6,Ext.isFF06和Ext.isChrome。

Example - 如果您使用的是Chrome浏览器,则函数Ext.isChrome将返回true all,否则将返回false。

5

Ext.typeOf()

此函数返回变量的数据类型。

Example -

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

DataType related methods - 这些函数根据变量的数据类型返回布尔值

Example -

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