Extjs-methods

提供:Dev Guides
移動先:案内検索

Ext.js-メソッド

以下は、Ext JSで頻繁に使用されるいくつかの組み込み関数です。

Ext.isクラス

このクラスは、使用しているプラ​​ットフォームが電話かデスクトップか、MacまたはWindowsオペレーティングシステムかをチェックします。 これらは、Ext.isクラスに関連する以下のメソッドです。

Sr.No Methods & Description
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 Methods & Description
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などです。

エンコードデコード関数-これらは、HTML値をエンコードおよびデコードするためにExt.Stringクラスで利用可能な関数です。

Sr.No Methods & Description
1

Ext.StringlEncode

この関数は、html値をエンコードして解析可能にするために使用されます。

-

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

Ext.StringlDecode

この関数は、エンコードされたhtml値をデコードするために使用されます。

-

Ext.StringlDecode("&lt; p &gt; Hello World &lt;/p &gt;");
Output -  "< p > Hello World </p &gt"
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

この機能は、2つの異なる値の間で値を切り替えることです。

-

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 Methods & Description
1

Ext.userAgent()

この関数は、ブラウザのuserAgentに関する情報を提供します。 UserAgentは、Webサーバーに対してブラウザとオペレーティングシステムを識別することです。

-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などです。

-Firefoxブラウザを使用していて、IEのバージョンを取得するメソッドExt.ieVersionを呼び出すと、0が返されます。 IEブラウザで同じメソッドを使用している場合、8、9など、使用しているバージョンが返されます。

3

Ext.getVersion()

この関数は、使用中の現在のExt JSバージョンを返します。

-Ext.getVersion()を呼び出すと、バージョン、ショートバージョンなどの値の配列を返します。

Ext.getVersion()。versionは、プログラムで使用されているExt JSの現在のバージョン(「4.2.2」など)を返します。

4

Browser related functions

これらの関数は、使用中のブラウザに基づいてブール値を返します。 これらのメソッドは、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 related methods − These functions return boolean value based on the datatype of the variable

-

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); |//return true |Ext.isNumber(c); |//return true |Ext.isEmpty(emptyVariable); |//return true |Ext.isEmpty(b); |//return false |Ext.isDefined(definedVariable); |//return true |Ext.isfunction(extraFunction); |//return true