ExtJS4 MVCで他のビューで拡張コンポーネントを再利用する

Question

私はビルド中にmvcアーキテクチャメソッドを使用しています。

ファイル構造：

app/ 
--->app.js 
--->view/ 
--------->viewport.js 
--------->Toolbar.js 
--------->SaveMenu.js 

viewport.js：

Ext.define('MyApp.view.Viewport', { 
extend: 'Ext.container.Viewport', 
layout: 'fit', 

requires: [ 
    'MyApp.view.Toolbar', 
    'MyApp.view.SaveMenu', 
], 

initComponent: function() { 
    this.items = { 
     dockedItems: [ 
      { 
       dock : 'top', 
       xtype : 'myapptoolbar', 
       height : 40, 
      } 
     ] 
... 
// more config, but this works now. 

Toolbar.js

私は再利用したいと次のことが可能であるかどうかを知りたいメニューを持っています

Ext.define ('Myapp.view.Toolbar', { 
    extend : 'Ext.toolbar.Toolbar', 
    alias : 'widget.myapptoolbar', 
    items : [ 
     { 
      text : 'Save', 
      // The following doesn't work, is there another way to achieve this? 
      menu : 'myappsavemenu', 
     } 
    ] 
}); 

SaveMenu.js

Ext.define ('Myapp.view.SaveMenu', { 
    extend : 'Ext.menu.Menu', 
    alias : 'widget.myappsavemenu', 
    items : [ 
     { 
      text : 'Save as...', 
     } 
    ] 
}); 

他のビューで以前に定義されたビューコンポーネントを再利用することはできますか？もしそうなら、どうすればよいでしょうか？

Uncaught TypeError: Cannot set property 'ownerCt' of undefined 

Answer 1

はい、それは完全に合理的だが、メニューのプロパティは、メニューインスタンス、メニューIDまたはオブジェクト設定する必要があります： -

編集は、この構成を使用するときにスローされるエラーを忘れました。

menu: {xtype: 'myappsavemenu'}, 

のExtJSのドキュメントがオンラインで入手できます：

私は行くだろう。ボタンのメニュー設定はここで扱われます：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.button.Button-cfg-menu

一般に、私はExtに慣れています。

また、私が今削除した最初の方法は、すべてのmyapptoolbarsで同じメニューインスタンスを提供することにも注意してください。これは、あなたがやっていることによっては恐ろしいことかもしれません。問題が導入されたときにデバッグするのが難しいかもしれないので、私はそれを離れようとします。