這兩個代碼有什麼區別？

Question

我是ExtJs的新手，剛剛踏入一些基本的東西，發現很難從初學者開始。

下面是實現分機按鈕的方法有兩種：

樣本1：

var nextBtn = new Ext.Button({ 
    text: 'Next >>', 
    handler: function() { 
     Ext.getDom('form_main').submit(); 
    }, 
    id: 'next', 
    renderTo: 'next' 
}); 

樣品2：

Ext.widget('button', { 
text: 'some long title of my cool button', 
scale: 'large', 
cls: 'my-button', 
width: 100, 
renderTo: 'output' 
}); 

我的猜測是怎麼一回事，因爲版本，它具有改變。請讓我知道這兩個代碼有什麼區別。

Regards，

Answer 1

在ExtJS中實例化類有很多種方法。

拿這個定義，例如：

Ext.define ('Ext.button.Button', { 
    alias: 'widget.button' , 
    // here other properties and methods ... 
}); 

然後你就可以選擇這些方式來實例化一個Ext.button.Button：

第一：JavaScript的風格

var button = new Ext.button.Button ({ 
    // props and methods 
}); 

二： ExtJS風格Ext.create方法

var button = Ext.create ('Ext.button.Button', { 
    // props and methods 
}); 

三：ExtJS的風格Ext.widget方法（它使用別名屬性）

var button = Ext.widget ('button', { 
    // props and methods 
}); 

我建議，因爲他們使用ExtJS的動態加載，你使用第二或第三種方式：here's the documentation