如何使用javascript更改jsf按钮的禁用状态[重复]答案

【问题标题】：how to change disabled state of jsf button using javascript [duplicate]如何使用javascript更改jsf按钮的禁用状态[重复]
【发布时间】：2014-07-23 19:43:09
【问题描述】：

我有一个带有 h:(或 p:)inputText 组件的数据输入表单。我还有一个保存按钮，可以将字段保存到支持 bean。实际上，我的老板想要的是禁用保存按钮，直到表单上的某些文本被更改，即等到表单变脏后再允许保存按钮处于活动状态。我知道如何使用 ajax 来做到这一点；我想做的是让它在客户端工作，所以它完全独立于服务器。

【问题讨论】：

根据您使用的 JSF 的实现，它应该像使用 javascript 选择按钮、添加禁用的类、设置“禁用”属性以及您的实现使用的任何其他内容一样简单。我使用 PrimeFaces，所以我的“禁用此按钮”代码如下所示：$('#tabs\\:disposition\\:submitPAButton > button').addClass('ui-state-disabled').attr('disabled','disabled').attr('aria-disabled','true');

标签： javascript jsf

【解决方案1】：

如果它的 Primefaces 命令按钮，那么您可以使用组件 widgetVar 调用客户端 API 函数来启用/禁用 Javascript 中的 p:commandButton。

例子：

面码：

<p:commandButton id="primeCmdBtn" widgetVar="primeBtnWidget"/>

Javascript 代码：

primeBtnWidget.enable(); //to Enable the button
primeBtnWidget.disable(); //to Disable the button

【讨论】：