如何在 p:wizard 中禁用 next/prev 按钮动画？

Question

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

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 上测试和工作。

如何在 p:wizard 中禁用 next/prev 按钮动画？

How to disable next/prev buttons animation in a p:wizard?

jsf

primefaces