卡片标签布局和带有按钮和标签的标签之间的导航

Question

小提琴中的以下示例说明了一个带有卡片标签布局的表单。

小提琴：https://fiddle.sencha.com/#view/editor&fiddle/1sp6

问题：

如果我在标签/卡之间导航，按钮工作正常;但是，如果我通过选择/单击选项卡同时导航，则无法在选项卡和上一个/下一个按钮之间获得同步。

假设1 ：有没有办法同步导航？

假设2 ：停用触发标签中的点击事件或标签更改的可能性，以便只能使用按钮在标签之间导航。怎么做？

Answer 1

假设2：

将以下监听器添加到选项卡面板：

beforetabchange: function(){
   return false;
}

在你的按钮听众中，this.doCardNavigation：

 this.suspendEvents();
 this.doCardNavigation(1);
 this.resumeEvents(true);

这将阻止标签点击更改活动标签，但允许下一个/上一个按钮执行此操作。从前一个侦听器返回false将取消该事件。 suspendEvents将阻止触及前侦听器，从而允许更改标签。

假设1也是可能的 - 您可以创建一个变量来存储当前选定的选项卡，并在更改选项卡时更新它和相应的视图。使用view model会更加简单，因为您可以将公式绑定到禁用配置的按钮。