我有一个JSF ajax keyup事件链接到支持bean中的事件列表器。
JSF文件中的代码如下所示。
<h:inputText id="txtDescription" value="#{institutionController.current.description}" disabled="#{institutionController.modifyControlDisable}" >
<f:ajax event="keyup" listener="#{institutionController.changeDetailsEvent}" />
</h:inputText>
支持bean中的代码如下所示。
public void changeDetailsEvent(AjaxBehaviorEvent event) {
}
我希望根据按键实现不同的逻辑,如下所示为伪代码。
public void changeDetailsEvent(AjaxBehaviorEvent event) {
If (event.key = Key.enter) {
do something;
} else if (event.key = Key.Escape) {
so something else;
} else {
do nothing;
}
}
有人可以告诉我这是如何在支持bean中完成的吗?
答案 0 :(得分:6)
AjaxBehaviorEvent
不包含有关JavaScript event
对象的任何信息。您需要自己传递所需的信息。这可以通过隐藏的输入字段来实现,其值将由JavaScript预先填充。例如,
<h:inputText value="#{bean.input}" onkeyup="document.getElementById('#{keyCode.clientId}').value=event.keyCode">
<f:ajax event="keyup" execute="@this keyCode" listener="#{bean.listener}" />
</h:inputText>
<h:inputHidden id="keyCode" binding="#{keyCode}" value="#{bean.keyCode}" />
(请注意隐藏字段的id
已包含在execute
中,以便在ajax请求中提交,请注意binding
是以前能够在document.getElementById()
中动态获取生成的客户端ID以设置密钥代码值,如果客户端ID已修复,您也可以硬编码
与
private String input;
private int keyCode;
public void listener() {
switch (keyCode) {
case 13:
// Enter key was pressed.
break;
case 27:
// Escape key was pressed.
break;
default:
// Other key was pressed.
break;
}
}
您可以在Mozilla DOM reference中找到所有有效keyCode
值的概述。