0

私は ExtJs を初めて使用し、いくつかの基本的なことに足を踏み入れただけで、初心者として始めるのは非常に難しいことがわかりました。

以下は、Ext ボタンを実装する 2 つの方法です。

サンプル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'
});

私の推測では、バージョンが変更されたためです。この2つのコードの違いを教えてください。

よろしく、

4

1 に答える 1

4

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

2 番目: Ext.create メソッドを使用したExtJSスタイル

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

3 番目: Ext.widget メソッドを使用した ExtJS スタイル(エイリアスプロパティを使用)

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

ExtJS 動的ローダーを使用するため、2 番目または 3 番目の方法を使用することをお勧めします。

于 2012-09-20T11:38:45.133 に答える