初期化関数内でオブジェクトの項目を定義する

Question

コンポーネントを初期化するときに関数内で項目を作成しようとしています。

は、次のことを考えてみましょう：

Ext.define('mobi.form.Login',{ 
    extend:'Ext.form.Panel', 
    config:{  
     items: [{ 
     xtype: 'textfield', 
     name: 'Name', 
     label: 'Name' 
     }] 
}); 
Ext.application({ 
    viewport: { 
     layout:'fit'   
    }, 
    launch: function(){ 
     Ext.Viewport.add(Ext.create('mobi.form.Login')); 
    } 
}) 

私はmobi.form.loginがinitialize（またはものは何でも私が終わっ私が指定した設定を記述するために使用することができます）上で動作する関数からその設定を生成するために取得しようとしています。

私は煎茶タッチ2は、これは私がそれをやっていた場合、それがどのように見えるか、多かれ少なかれある constructorを持っており、 initialize機能が、それらの両方が arguments=[]（例えば空の配列）を持っているように見える

知っ

ExtJSの4.xの：

Ext.define('mobi.form.Login',{ 
    extend:'Ext.form.Panel', 
    initComponent:function(config){ 
     config=Ext.apply({}.config,{});//make sure config exists  
     config.items= [{ 
      xtype: 'textfield', 
      name: 'Name', 
      label: 'Name' 
     }] 
    Ext.apply(this, config); 
    this.callParent(arguments); 
    } 
}); 

Answer 1

をパネル項目を作成手動で初期化する呼び出す必要はありませんこれを行うには、constructorまたはinitializeを使用できます。

同期ロジック用に使用するコンストラクタで、コンポーネントが初期化される前に高速化されます。あなたはコンストラクタを介して、第1引数に設定にアクセスすることができます。

Ext.define('MyComponent', { 
    extend: 'Ext.Component', 

    constructor: function(config) { 
     console.log(config); 

     this.callParent([config]); 
    } 
}); 

Ext.application({ 
    launch: function(){ 
     Ext.create('MyComponent', { test: 1 }) 

     // Will log out: 
     // { 
     //  test: 1 
     // } 
    } 
}); 

あなたは常には、コンストラクタ内config/argumentsでcallParentにする必要があります覚えておいてください。他の状況で

、あなたは結局設定のが...初期化されていると呼ばれるinitializeを使用する必要があります。 :)リスナーを追加するために、これを内部的に多く使用しています。

initialize: function() { 
    this.on({ 
     ... 
    }); 
} 

Answer 2

は、次を使用します。

Ext.apply(this, { 
    items: [ 
.... 
    ] 
}); 

Answer 3

は、あなたがこれに似た何かを試してみましたか？私はちょうどExt.createに設定オブジェクトを渡していますが、今はそれをテストすることはできません。パラメータなどの項目にかかる1、あなたにも、独自の機能で、このスニペットを貼り付けできhttp://docs.sencha.com/touch/1-1/#!/api/Ext-method-create

Ext.Viewport.add(Ext.create(
    { 
     xtype: 'mobi.form.Login', 
     items: [ /*A list of items*/ ] 
    } 
)); 

を参照してください。これがあなたの問題を解決することを願っています！

Answer 4

あなたはそれがすでにコンストラクタによって行われ、この関数を呼び出すときにthis.itemsを使用してアイテムデータにアクセスすることができますし、あなたがしたい場合があり

Ext.define('mobi.form.Login',{ 
    extend:'Ext.form.Panel', 
    config: { 
     items: [] 
    }, 

    initialize : function() 
    { 
     this.items = [Ext.create({ 
      xtype: 'textfield', 
      name: 'Name', 
      label: 'Name' 
     })]; 

     this.callParent(); 
    } 
}); 

Ext.application({ 
    viewport: { 
     layout:'fit'   
    }, 
    launch: function(){ 
     Ext.Viewport.add(Ext.create('mobi.form.Login')); 
    } 
})