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

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

小提琴：

问题：

如果我用按钮在标签/卡片之间导航，效果很好；但是，如果通过选择/单击选项卡同时导航，则无法在选项卡和上一个/下一个按钮之间实现同步

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

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

假设2：

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

beforetabchange: function(){
   return false;
}

在按钮侦听器中，围绕

this.doCardNavigation

：

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

这将防止选项卡单击更改活动选项卡，但允许下一个/上一个按钮更改活动选项卡。从before侦听器返回

false

，将取消事件

suspendEvents

将阻止访问before侦听器，从而允许更改选项卡

---

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

谢谢杰米。假设1运作良好。我还将尝试使用公式