ExtJsタブパネル質問

Question

同様のフォームを持つタブパネルにいくつかのタブがあります。前のタブが正しく入力されていない限り、次のタブに移動しないようにするにはどうすればよいですか？ありがとう。

Answer 1

私はあなたのアプローチが最良ではないと思います。ウィザードを作成する場合は、おそらくcardlayoutを使用してください。

あなたの現在のアプローチに固執したいのであれば、beforetabchangeイベントをフックし、フォームが有効でない場合はイベントをキャンセルします。

すなわち

tabpanel.on('beforetabchange', function(tb,newtab,oldtab){ 
    // insert your validation here 
    // if the user cannot go here 
    return false; // would prevent the change of tab 
});