ExtJs4が動的にアイテムをツールバーに読み込みます

Question

ExtJs 4ツールバーでアイテムを動的に読み込むにはどうしたらいいですか？私はJSONから項目をロードしたい。

私はローダーを試しましたが、頭痛になりました。

Ext.define('Backend.view.Nav' ,{ 
    alias: 'widget.Nav', 
    extend: 'Ext.toolbar.Toolbar', 
    initComponent: function() { 
     this.items = [ 
     { 
      iconCls: 'freewinder', 
      text: 'Freewinder' 
     }, 
     { 
      iconCls: 'application', 
      text: 'Applikationen', 
      xtype: 'splitbutton' 
     }, 
     { 
      iconCls: 'component', 
      text: 'Komponenten', 
      xtype: 'splitbutton' 
     }, 
     '-', 
     { 
      emptyText: 'Suche ...', 
      xtype: 'textfield' 
     }];  
     this.callParent(arguments); 
    } 
}); 

Answer 1

ツールバーが構築された後に動的に項目を追加するためにExt.toolbar.Toolbarのadd方法を使用することができます。http://docs.sencha.com/ext-js/4-0/#!/api/Ext.toolbar.Toolbar-method-add

あなたはそれが仕事をしたいどうすればよいですか？ツールバーが表示されたら、AJAXリクエストを作成してメニュー項目を追加するか、またはページロード時にクライアント側のアプリケーションにメニュー項目を含むJSONを与えるか、それともどのようにして正確に動作させたいのですか？

ページロード時にJSONを出力するサーバーの場合は、this.items = jsonItemsを実行するだけで済みます。