卡片选项卡布局以及带有按钮和选项卡的选项卡之间的导航

Question

fiddle 中的以下示例说明了具有卡片选项卡布局的表单。

Fiddle: https://fiddle.sencha.com/#view/editor&fiddle/1sp6

问题：

如果我使用按钮在选项卡/卡片之间导航，效果很好；但是，如果我同时通过选择/单击选项卡进行导航，我无法在选项卡和上一个/下一个按钮之间获得同步。

假设 1：有什么方法可以同步导航吗？

假设2：取消触发选项卡中的点击事件或tabchange的可能性，以便只能使用按钮在选项卡之间导航。如何做到这一点？

Answer 1

假设二：

将以下侦听器添加到您的选项卡面板：

beforetabchange: function(){
   return false;
}

在你的按钮监听器中，this.doCardNavigation:

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

这将防止选项卡点击更改活动选项卡，但允许 next/previous 按钮这样做。从之前的侦听器返回 false 将取消该事件。 suspendEvents 将阻止到达前侦听器，从而允许更改选项卡。

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