Ext.js - วิธีการ

ต่อไปนี้เป็นฟังก์ชัน inbuilt บางส่วนซึ่งถูกใช้อย่างมากใน Ext JS

Ext. is Class

คลาสนี้ตรวจสอบแพลตฟอร์มที่คุณใช้ไม่ว่าจะเป็นโทรศัพท์หรือเดสก์ท็อประบบปฏิบัติการ mac หรือ Windows นี่คือวิธีการต่อไปนี้ที่เกี่ยวข้องกับคลาส Ext.is

ซีเนียร์ 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 มิฉะนั้นจะคืนค่าเป็นเท็จ

3

Ext.is.Desktop

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้เดสก์ท็อปสำหรับแอปพลิเคชันมิฉะนั้นจะคืนค่าเป็นเท็จ

4

Ext.is.Phone

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้มือถือมิฉะนั้นจะคืนค่าเป็นเท็จ

5

Ext.is.iPhone

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ iPhone มิฉะนั้นจะส่งคืนเท็จ

6

Ext.is.iPod

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ iPod มิฉะนั้นจะส่งคืนเท็จ

7

Ext.is.iPad

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ iPad มิฉะนั้นจะส่งคืนเท็จ

8

Ext.is.Windows

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ระบบปฏิบัติการ Windows มิฉะนั้นจะคืนค่าเป็นเท็จ

9

Ext.is.Linux

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ระบบปฏิบัติการ Linux มิฉะนั้นจะส่งคืนเท็จ

10

Ext.is.Blackberry

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ Blackberry มิฉะนั้นจะส่งกลับเท็จ

11

Ext.is.Mac

ฟังก์ชันนี้จะคืนค่าจริงหากคุณใช้ระบบปฏิบัติการ Mac มิฉะนั้นจะคืนค่าเป็นเท็จ

รองรับ Class

ตามชื่อที่ระบุคลาสนี้จะให้ข้อมูลว่าคุณลักษณะนี้ได้รับการสนับสนุนโดยสภาพแวดล้อมปัจจุบันของเบราว์เซอร์ / อุปกรณ์หรือไม่

ซีเนียร์ No วิธีการและคำอธิบาย
1

Ext.supports.History

ตรวจสอบว่าอุปกรณ์รองรับประวัติ HTML 5 เป็น window.history หรือไม่ หากอุปกรณ์รองรับประวัติอุปกรณ์จะส่งคืนtrueอื่นเท็จ

2

Ext.supports.GeoLocation

ตรวจสอบว่าอุปกรณ์รองรับวิธีการระบุตำแหน่งทางภูมิศาสตร์หรือไม่ ภายในจะตรวจสอบเมธอด navigator.geolocation

3

Ext.supports.Svg

ตรวจสอบว่าอุปกรณ์รองรับวิธี HTML 5 ที่มีคุณสมบัติ scalable vector graphics (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 เป็นต้น

Encoding Decoding function - ฟังก์ชันเหล่านี้มีอยู่ในคลาส Ext.String เพื่อเข้ารหัสและถอดรหัสค่า HTML

ซีเนียร์ No วิธีการและคำอธิบาย
1

Ext.String.htmlEncode

ฟังก์ชันนี้ใช้ในการเข้ารหัสค่า html เพื่อให้แยกวิเคราะห์ได้

Example -

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

Ext.String.htmlDecode

ฟังก์ชันนี้ใช้เพื่อถอดรหัสค่า html ที่เข้ารหัส

Example -

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

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

วิธีการเบ็ดเตล็ด

ซีเนียร์ No วิธีการและคำอธิบาย
1

Ext.userAgent()

ฟังก์ชันนี้ให้ข้อมูลเกี่ยวกับเบราว์เซอร์ userAgent UserAgent คือการระบุเบราว์เซอร์และระบบปฏิบัติการไปยังเว็บเซิร์ฟเวอร์

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 () ส่งคืนเวอร์ชันปัจจุบันของ Ext JS ที่ใช้ในโปรแกรมเช่น“ 4.2.2”

4

Browser related functions

ฟังก์ชันเหล่านี้ส่งคืนค่าบูลีนตามเบราว์เซอร์ที่ใช้งาน วิธีการเหล่านี้ ได้แก่ Ext.isIE, Ext.isIE6, Ext.isFF06 และ Ext.isChrome

Example - หากคุณใช้เบราว์เซอร์ Chrome ฟังก์ชัน Ext.isChrome จะคืนค่าจริงทั้งหมดมิฉะนั้นจะคืนค่าเป็นเท็จ

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;}
ต่อ isArray (a); // คืนค่าจริง
ต่อ isString (b); // กลับจริง
Ext.isNumber (c); // กลับจริง
Ext.isEmpty (emptyVariable); // กลับจริง
ต่อ isEmpty (b); // คืนค่าเท็จ
Ext.isDefined (กำหนดตัวแปร); // กลับจริง
Ext.isfunction (extraFunction); // กลับจริง