forms - Sencha Touch/Ext: タブを無効にせずにタブパネル (tabpanel) 内のフォームを無効にする方法

Question

各タブがフォームである単純なタブ パネル (tabpanel) があります。デフォルトでは、フォームを無効 (読み取り専用) にして、ユーザーが [編集] ボタンをタップすると編集できるようにします。フォームの「無効」構成を設定すると、タブも無効になります (タップできません)。

タブを有効にしたままフォームを無効にするにはどうすればよいですか? 頼りになる解決策がいくつかありますが、よりクリーンでシンプルなものを望んでいます。

これまでの私の解決策：

1. タブコンテナを作成し、フォームをコンテナ内に配置します
2. フィールドセット レベルで無効にする

Answer 1

現在のソリューションでは、タブ パネルの「initialize」イベント ハンドラを使用し、各フォーム パネルで「setDisabled(true)」を呼び出します。

onTabPanelInitializer: function(component, options){
    component.query('formpanel').forEach(function(element, index, array){
        element.setDisabled(true);
    });
}