ExtJSのタブスイッチのグリッドパネル

Question

2つのタブ（タブA &タブB）があります。これらの2つのタブは、それぞれがそれぞれのインデックスにある単一のストアを共有します。 [0] - A,[1] - B。

私のコントローラのようなそのメニューの葉の上をクリックすると、負荷を初期化します

oMe.control({ 
    '#role-permission-grid-panel': { 

    edit: oMe.save, 

    beforerender: oMe.loadData, 

    }, 
    '#roles-applicationtype button': { 
    click: oMe.filterByApplication 
    } 
}); 

applicationtype buttonは、ロードされたデータのタブ切り替えが起こるのフィルタです。

現在のフィルタの値をキャッチしようとすると、コントローラはどのフィルタがクリックされたかを正常に示します。ただし、グリッドパネルのデータは更新されません。

SampleGridPanel /ビューは：

console.log('Application',oController.sDefaultToggle); 

は簡単に言えば、私は SampleControllerからのデータを更新し、 filterApplicationを呼び出すことで、私の SampleGridPanelからそれをキャッチしてみてください。私の SampleGridPanelは initComponentのために一度だけストア をロードします。私はcontrollerからviewに更新されたデータ（この場合は選択されたタブ）を渡したいと思います。この変更は最初の負荷のデータのみを識別するときに発生したと私はどのようにして通知するのですか？

私も少し混乱しています。私のコントローラでは、oMe.loadDatabeforerenderを呼び出すと、最後のタブ値がわかりますが、カスタムフィルタ関数からoMe.loadDataを呼び出すと、ストア全体がリロードされなくなりました。フィルター値に基づいてフィルターされた情報のみをロードします。

Answer 1

タブパネルのactivateとdeactivateのイベントを聞くことができます。これらは、旧バージョンのExtJSでも利用できます。

ExtJS 6を使用している場合は、実際にChainedStoreの使用を検討する必要があります。

• Aストアにはデータが含まれています。
• グリッドはストアにはバインドされず、それぞれChainedStoreにバインドされます。
• ChainedStoresのソースはストアに設定され、それぞれのグリッドに表示されるデータのみを取得するために異なるフィルタを使用します。

のExtJSのようGroupingFeatureまたはCellEditingでChainedStoreを組み合わせるとき呈しのExtJSにバグがあった6.0.1ますのでご注意ください。これらはExtJS 6.0.2で修正する必要があります。