jsf随笔

最新推荐文章于 2025-12-01 22:54:44 发布

原创最新推荐文章于 2025-12-01 22:54:44 发布 · 630 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jsf #ajax #layout #input #html #div

本文介绍如何利用RichFaces组件a4j:outputPanel实现网页局部的AJAX刷新功能。通过示例代码展示了如何配置a4j:outputPanel使其在提交表单时仅更新指定的部分内容，避免整个页面的重新加载，从而提升用户体验。

onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"

2、

a4j:outputPanel

创建页面中具有 AJAX-enabled的一个区域. 作为普通的请求,根据layout的属性值("inline" or "block")呈现为 <span> 或者 <div> HTML 元素. ( "id"属性将是clientId 属性的值.) 对于一个AJAX请求,如果ajaxRendered被设置为true,该元素的内容被包含在ajax响应中.

<a4j:region>
     <h:outputText value="Input your name" />     <h:inputText id="un" value="#{userBean.name}" required="true" />
     <a4j:outputPanel ">//没有ajaxRendered="true"，所以提交时不包括在ajax响应中，也就不更新了。
      <h:message for="un" style="color:red" />
     </a4j:outputPanel>
     <a4j:outputPanel id="test" layout="block" ajaxRendered="true">
      <h:outputText value="#{userBean.name}" />
     </a4j:outputPanel>

     <a4j:commandButton value="submit">
     </a4j:commandButton>
    </a4j:region>