如何在 p:wizard 中禁用下一个/上一个按钮动画？

Question

我有带有一些面板的 PrimeFaces 向导，并且下一个/上一个按钮是由向导小部件本身绘制的...但是有一个问题 - 当我在最后一步之前按下下一个按钮时，它会隐藏在动画中...是吗可以禁用此动画并立即隐藏下一个按钮吗？

Answer 1

所以，您只是想移除向导下一步按钮上的淡入淡出效果？

这些效果是使用 Primefaces Javascript 内置函数完成的，例如：

PrimeFaces.widget.Wizard.prototype.showNextNav = function() {
    jQuery(this.nextNav).fadeIn();
}
PrimeFaces.widget.Wizard.prototype.hideNextNav = function() {
    jQuery(this.nextNav).fadeOut();
}

但是，Primefaces 的创建者已经让他们很容易覆盖它们的可能性。 只需将其添加到您的 .xhtml 页面中：

 <script>
 PrimeFaces.widget.Wizard.prototype.hideNextNav = function() {
        jQuery(this.nextNav).hide();
    }
 PrimeFaces.widget.Wizard.prototype.showNextNav = function() {
        jQuery(this.nextNav).show();
    }
 </script>

在 PF 5.1 上经过测试和工作。