本文介绍了一个使用JSF实现异步更新的例子。通过在客户端输入框中输入内容并触发onKeyUp事件，可以不刷新整个页面的情况下更新特定区域的内容。此方法利用了JSF的特性来提高用户体验。
<webuijsf:alarm id="alarm1" severity="major" text="#{Page1.text}" />
<webuijsf:textField id="field1" text="#{Page1.text}" label="Change Text" onKeyUp="setTimeout('refreshAlarm();', 0);"/> // Field used to asynchronously update text.
<webuijsf:script>
function refreshAlarm() {
var domNode = document.getElementById("form1:alarm1"); // Get alarm
return domNode.refresh("form1:field1"); // Asynchronously refresh while submitting field value
}
</webuijsf:script>
<webuijsf:textField id="field1" text="#{Page1.text}" label="Change Text" onKeyUp="setTimeout('refreshAlarm();', 0);"/> // Field used to asynchronously update text.
<webuijsf:script>
function refreshAlarm() {
var domNode = document.getElementById("form1:alarm1"); // Get alarm
return domNode.refresh("form1:field1"); // Asynchronously refresh while submitting field value
}
</webuijsf:script>
扫一扫
105
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
