|
1.mixins 說明：類似于面向?qū)ο笾械亩嗬^承 <script type="text/javascript"> Ext.onReady(function() {//創(chuàng)建一個(gè)類，類名：TextClass，具有兩個(gè)屬性：A、B Ext.define('TextClass', { A: 'a', B: 'b' }); //創(chuàng)建一個(gè)類，類名：TextClass，具有兩個(gè)屬性：A、B Ext.define('TextClass2', { C: 'c', write: function() { alert('A:'+this.A +';B:'+this.B +';C:'+this.C) } }) Ext.define('TextClass3', { //繼承TextClass、TextClass2 mixins: { TextClass: 'TextClass', TextClass2: 'TextClass2' } }) vartextClass =Ext.create("TextClass3") textClass.write(); }); </script> 運(yùn)行結(jié)果：
2.statics 說明：定義靜態(tài)變量 例子： <script type="text/javascript"> Ext.onReady(function() {//創(chuàng)建一個(gè)類，類名：TextClass，具有兩個(gè)屬性：A、B Ext.define('TextClass', { A: 'a', B: 'b', statics: { C:'C' } }); //沒有實(shí)例化TextClass類 Ext.Msg.alert('TextClass類的靜態(tài)屬性C的值是：', TextClass.C) }); </script> 執(zhí)行結(jié)果：
3.config 說明：屬性包裝器，為屬性提供get和set方法 例子： <script type="text/javascript"> Ext.onReady(function() {//創(chuàng)建一個(gè)類，類名：TextClass，具有兩個(gè)屬性：A、B Ext.define('TextClass', { A: 'a', B: 'b', statics: { C: 'C' }, config: { configProperty: 'how can i get this property' } }); vartextClass =Ext.create('TextClass'); //通過set方法設(shè)置屬性的值，注意，包裝器會(huì)把屬性的頭字母大寫 textClass.setConfigProperty("set this property's value"); //通過get方法展示屬性值 Ext.Msg.alert('configProperty屬性的值是：', textClass.getConfigProperty()); }); </script> 執(zhí)行結(jié)果：
4.Ext.require 說明：動(dòng)態(tài)加載js文件 使用Ext.require加載js文件，首先要通過Ext.loader設(shè)置文件路徑。 例子： <script type="text/javascript"> //設(shè)置Ext命名空間下的js文件所在文件夾Ext.Loader.setPath({ Ext: 'http://localhost/test/ext/src' }); Ext.onReady(function() { //加載Ext.window.MessageBox類，位于http://localhost/test/ext/src/window/MessageBox.js文件中 //注意：一個(gè)js文件只有一個(gè)類 //注意：類名=命名空間名（這里就是EXT）+文件路徑名（這里就是window/messagebox） Ext.require("Ext.window.MessageBox") }); </script> 執(zhí)行結(jié)果：
|
|
|
