仍然可以单击通过javascript禁用的java commandLink
我需要根据t:dataTable的选定行禁用该按钮。 这是我在行选择事件中调用的javascript方法 (如果选定行中的某个项目有工具提示,则应禁用该按钮…这很难看,但却是最简单的操作):
function processUpdateButton() {
if (!$(".selectedRow").length
|| $(".selectedRow").children().find(".tooltip").length){
$(".Update").button({disabled:true});
} else {
$(".Update").button({disabled:false});
};
}
这是JSF命令链接:
<h:commandLink id="update" styleClass="Update iconButton"
action="#{myBB.update}"
value="#{gui['button.update']}"
tabindex="301"/>
将禁用属性设置为按钮有效。按钮是灰色的,如果我将鼠标悬停在它上面,光标不会像其他链接那样改变。问题是,我仍然可以单击它并调用支持bean中的方法。有什么办法可以防止吗? 下面是“渲染禁用”按钮:
<a id="mainForm:update"
class="iconButton ... ui-button-disabled ui-state-disabled"
onclick="return myfaces.oam.submitForm('mainForm','mainForm:update');"
href="#" role="button" aria-disabled="true" disabled="disabled">
<span class="ui-button-text">Update</span>
</a>
我可能应该删除onClick属性,但我不知道如何才能再次重新启用它
当然,我可以在单击Update按钮后检查服务器上的条件,但这是最后的手段。如果我可以完全禁用JSF仅从javascript生成的按钮,而不调用服务器,那就太好了
# 1 楼答案
正如你所看到的,生成的html代码不是一个按钮,而是一个超链接。所以你需要删除链接标签中的链接。可以尝试以下方法:
# 2 楼答案
所以我找到了解决办法。我在禁用按钮时将onclick属性复制到另一个属性,反之亦然: