Mendefinisikan Class baru di Ext JS 4

Bagaimana cara mendefinisikan class baru pada framework ExtJs. Pada Extjs 4 untuk mendefinisikan class baru dapat menggunakan metoda Ext.define. Penggunaannya berdasarkan string-based definition. Langkah-langkah yang bisa kita lakukan untuk mendefinisikan class baru ini yaitu :

1. Pertama-tama yang kita lakukan adalah memanggil method  Ext.define ke dalam nama class dan konfigurasi object yang akan kita buat.



Ext.define('Mobil.Mesin', {
    Manufacturer: 'Aston Martin',
    Model: 'Vanquish',
    getDetails: function(){
        alert('Aku adalah sebuah ' + this.Manufacturer + ' ' + this.Model);
    }
});



2. Tambahkan metode dan properti ke configuraton object - nya, dengan cara :



Ext.define('Mobil.Mesin', {
    Manufacturer: 'Aston Martin',
    Model: 'Vanquish',
    getDetails: function(){
        alert('Aku adalah sebuah ' + this.Manufacturer + ' ' + this.Model);
    }
});



3. Setelah ini, kita bisa menambahkan parameter berikutnya pada method Ext.define, yaitu berupa sebuah fungsi yang dapat dieksekusi setelah class berhasil terdefinisi, yang berada di dalam class baru yang telah terbentuk tersebut.



Ext.define('Mobil.Mesin', {
    Manufacturer: 'Aston Martin',
    Model: 'Vanquish',
    getDetails: function(){
        alert('I am an ' + this.Manufacturer + ' ' + this.Model);
    }
}, function(){
    Console.log('Mobil.Mesin class defined!');
});



4. Dan yang terakhir yaitu kita membuat sebuah instance pada class baru dan kemudian memanggilnya dengan metode getDetails



var myVehicle = Ext.create('Mobil.Mesin');
alert(myVehicle.Manufacturer); // alerts 'Aston Martin'
myVehicle.getDetails(); // alerts 'I am an Aston Martin Vanquish'

About Indo Pentaho:

Blog indo pentaho ini memberikan informasi mengenai tutorial dan tips seputar pengembangan datawarehouse menggunakan pentaho dan diperuntukkan bagi anda yang menggeluti dunia datawarehouse, business intelligence, data integration, serta data analytic. Ada tips dan tutorial panduan step by step mengenai pengembangan datawarehouse menggunakan pentaho. Kami akan terus berusaha mengetengahkan informasi dan tutorial terupdate seputar pentaho yang kami dapatkan dari berbagai sumber ataupun berdasarkan pengalaman dalam dunia datawarehouse, dan akan disajikan di indo pentaho ini dengan bahasa yang lugas dan mudah, supaya anda bisa langsung mengerti dan dapat mempraktekkan nya langsung.

Let's Get Connected: Twitter | Facebook | Google Plus

Untuk mendapatkan update berita dan artikel terbaru yang anda inginkan, silahkan masukkan email anda.