<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> <script type="text/javascript" src="extjs/ext-all-debug.js"></script> <script type="text/javascript" src="app.js"></script> </head> <body> </body> </html>
Ext.onReady(function() { Ext.define('test1', { //Ext.define จะเป็นการสร้าง Object โดย 'test1' จะเป็นชื่อ Class config: { Manufacturer: 'Test Manufacturer' //Manufacturer จะเป็นตัวแปร ผมได้ทําการเก็บค่า 'Test Manufacturer' ลงไปครับ }, constructor: function(config){ //constructor น่าจะรู้กันอยู่แล้วเวลามีการเรียก Class test1 constructor จะถูกเรียกขึ้นมาใช้งานก่อนนที่นี้จะ เรียก config ที่เก็บตัวแปรหรือค่าเริ่มต้นที่เราสร้างไว้มาทําการ initialise หรือกําหนดค่าให้มันครับ this.initConfig(config); }, getManufacturer: function(){//จะเหมือนกับการเขียนโปรแกรมทั่วไปที่มี Method set และ get ตัวนี้เช่นเดียวกันครับเป็น Method get หรือรับค่าจากตัวแปรครับ return this.Manufacturer; }, setManufacturer: function(value){// Method set ค่าให้กับตัวแปร เพื่อจะเรียกใช้โดยเรียกจาก Method get ครับ this.Manufacturer = value; }, getDetails: function(){// Method จะใช้สําหรับแสดงข้อมูลโดยการแสดงจะเป็น Alert และผลที่ออกมาจะเป็นค่าของตัวแปร Manufacturer alert('I am ' + this.Manufacturer); } }); });
var c = new Ext.create('test1'); //ประกาศ Object ปกติครับ c.setManufacturer('Test ExtJs');// เรียกใช้ Method เหมือนภาษาอื่นครับ c.getDetails();
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง