在PrimeFaces向导中禁用/启用"下一步"和"上一步"按钮

我是JSF Primefaces 的新手

我使用的是Primeface向导，需要使用java禁用/启用向导中的"下一步/上一步"按钮。我尝试了以下代码，但失败

下一步按钮禁用：

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'true');");

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'disabled');");

下一步按钮启用：

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'false');");

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'none');");

但当我尝试能见度时，它正在工作

对于"下一步"按钮隐藏：PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('visibility', 'hidden');");

对于"下一步"按钮显示：PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('visibility', 'visible');");

问题：如何使用Java代码段启用/禁用向导中的"下一步/上一步"按钮？(需要禁用而不是隐藏按钮(

禁用按钮不是css的事情。它是html按钮元素的一个属性，类似于`实际值无关紧要，只存在具有此名称的属性就会使其禁用。Hencee您需要通过进行设置

PF('" + clientId + "').nextNav.attr('disabled', 'disabled')

但这只会在技术上禁用它。所以你还需要添加合适的外观：

PF('" + clientId + "').nextNav.toggleClass('ui-state-default')
PF('" + clientId + "').nextNav.toggleClass('ui-state-disabled')

我个人会将所有这些添加到一个javascript函数(function disableNext(...) {...}(中，并通过传递clientId(您甚至可以使其更通用并创建一个toggleNext)

相关内容