【问题标题】:primefaces command button is not getting enabledprimefaces 命令按钮未启用
【发布时间】:2014-03-05 05:12:57
【问题描述】:

我正在使用 PrimeFaces 4.0 和 tomcat-6。

我使用选项卡视图来编辑配置文件,默认情况下,使用 jQuery 禁用提交按钮。在更改或按下这些输入字段时,我将使用 jQuery 再次启用该按钮。但是如果我更改输入文本中的值,按钮将被禁用并且不会再次启用。

我的场景是编辑配置文件,因为提交按钮被禁用,直到任何一个字段被更改。这些是这些文本字段的 ID。

我正在禁用按钮

$(function() {
   jQuery("button[type=submit]").prop("disabled", true).addClass('ui-state-disabled');     
})

并启用

$(function() {
 $('#productName,#majorVersion,#minorVersion,#buildVersion,#revision,#productDescription')
        .on('change keypress paste  textInput input',
                function() {PF('submitButton').enable();
         });
});

【问题讨论】:

  • 我的场景是编辑配置文件,因为提交按钮被禁用,直到任何一个字段被更改。这些是这些文本字段的 ID。我通过 $(function() { jQuery("button[type=submit]").prop("disabled", true).addClass('ui-state-disabled '); }) 并且可以执行以下操作
  • $(function() {$('#productName,#majorVersion,#minorVersion,#buildVersion,#revision,#productDescription').on('更改按键粘贴文本输入输入', function() { jQuery("button[type=submit]").prop("disabled", false).addClass('ui-state-disabled'); }); });
  • Dint让你@想喝咖啡

标签: javascript jsf primefaces


【解决方案1】:

我不确定我是否正确理解了您的问题! 但正如我所见,您在使用 PrimeFaces 禁用和启用按钮时遇到问题。

这是一个简单的例子:

按钮

<p:commandButton value="THE BUTTON" widgetVar="thebuttonVar"/>

JS

$(function() {    
   // disables the button on the page load
   thebuttonVar.disable();

   // register the enabling event
   $('#formId')
    .on('change keypress paste  textInput input', '#productName,#majorVersion,#minorVersion,#buildVersion,#revision,#productDescription', function() {
         thebuttonVar.enable();
        });
});

同样,即使您只使用更改事件,您的代码也能正常工作。

【讨论】:

  • 你好,感谢您的回复,但它不起作用:(
  • 请用一个完整的例子更新你的问题。我的意思不仅是JS还有xhtml内容......
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-10-04
  • 1970-01-01
  • 1970-01-01
  • 2020-06-10
  • 1970-01-01
  • 2013-01-01
  • 1970-01-01
相关资源
最近更新 更多