extjsタブの内容が表示されない

Question

以下のコードで、activeTabを0に設定すると、/ viewer/welcomeの内容が期待通りに表示されます。 activeTabを1に設定すると（下のように）、読み込み時に2番目のタブがアクティブになりますが、最初のタブをクリックするとコンテンツは表示されません。私はタブをクリックする前にタブのコンテンツを読み込むことができます（autoLoad：falseを設定した場合、それはまったく読み込まれません）が、読み込まれても表示されません。

{ 
    xtype: 'tabpanel', 
    activeTab: 1, 
    items: [ 
     { 
      xtype: 'panel', 
      loader: { 
       url: '/viewer/welcome/', 
       renderer: 'html', 
       autoLoad: true 
      }, 
      layout: { 
       type: 'fit' 
      }, 
      title: 'Welcome' 
     }, 
        ... 
     } 

タブがアクティブになったときに実際にタブの内容が表示されないのはなぜですか？そのタブがロード時にアクティブなタブであれば動作しますが、それ以外の場合にはアクティブにならないのはなぜですか？

これらの変更を行うと、テキストは常に表示されますが、スプリアスアクティブコールから余分なページが読み込まれます。

{ 
    xtype: 'tabpanel', 
    activeTab: 1, 
    items: [ 
     { 
      xtype: 'panel', 
      loader: { 
       url: '/viewer/welcome/', 
       renderer: 'html', 
       autoLoad: false 
      }, 
      layout: { 
       type: 'fit' 
      }, 
      title: 'Welcome', 
      listeners: { 
       activate: function(me, opts) { 
        me.getLoader().load(); 
       } 
      } 
     }, 
        ... 
     } 

タブがタブであることの一部として、このコンテンツを管理していない理由を私はちょうど

Answer 1

.....理解していないよ、私はここでの問題は、あなたが示したものだと思う - タブがありますコンテンツを管理しません。彼らが正しくそれを管理していない理由は、ローダーから返されるHTMLコンテンツがちょうどそれです--HTML、ExtJSコンポーネントではありません。 ExtJSは読み込んだコンテンツを管理すべきだと言わざるを得ないが、文書にはその逆が言及されている：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.Component-cfg-htmlこれにバグを報告するのは価値があるかもしれない。

また、ウェルカムパネルに適切なレイアウトが指定されていることに気付きました。このパネルには他のアイテムは含まれていないので、おそらくその設定は必要ありません。ちなみに、ロードされたHTMLフラグメントの処理方法は改善される場合もあれば、改善されない場合もあります。

幸運。

Answer 2

ExtJS 5.1では参照名を使用しても機能しませんでした。商品IDを入れなければならない