風人園

弱水三千，只取一瓢，便能解渴；佛法無邊，奉行一法，便能得益。

隨筆 - 99, 文章 - 181, 評論 - 56, 引用 - 0

數據加載中……

JSF--ajax4jsf入門示例(repeater)

一、下載
http://labs.jboss.com/jbossajax4jsf/downloads，現在的版本為1.1

· 復制 ajax4jsf.jar and oscache-2.2.jar 到程序的 WEB-INF/lib 文件夾下.
修改web.xml，增加a4j的filter配置

<display-name>Ajax4jsf Filter</display-name>

<filter-name>ajax4jsf</filter-name>

<filter-class>org.ajax4jsf.Filter</filter-class>

</filter>

<filter-mapping>

<filter-name>ajax4jsf</filter-name>

<servlet-name>Faces Servlet</servlet-name>

<dispatcher>REQUEST</dispatcher>

<dispatcher>FORWARD</dispatcher>

<dispatcher>INCLUDE</dispatcher>

</filter-mapping>

</filter>

二、JSP

<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<html>

<head>

<title>repeater</title>

</head>

<body>

<f:view>

<h:form>

<h:panelGrid columns="2">

<h:outputText value="Type the Text:" />

<h:inputText value="#{bean.text}">

<a4j:support event="onkeyup" reRender="repeater" />

</h:inputText>

<h:outputText value="Text in the AJAX Response:" />

<h:outputText id="repeater" value="#{bean.text}" />

</h:panelGrid>

</h:form>

</f:view>

</body>

</html>

<a4j:support event="onkeyup" reRender="repeater"/>

在這里我們在父標簽(<h:inputText>)中添加了一個AJAX 支持. 該支持綁定了JavaScript事件“onkeyup” .因此, 每一次該事件發布給父標簽時,我們的程序將發送一個AJAX請求到Server.這意味著我們的受管理的bean將包含該“text” 域中我們輸入的最新數據.

<a4j:support> 標簽的“reRender” 屬性(attribute)定義我們的頁面的哪一部分被更新. 在這里,該頁面唯一被更新的部位是 <h:outputText> 標簽,因為他的ID值和“reRender” 的屬性值向匹配. 在一個頁面中更新多個元素(elements)也是很簡單的:僅僅把他們的IDs放在 “reRender” 屬性中就可以了.

三、Bean & faces-config.xml

package com.ivo.a4j.bean;

public class Bean {

private String text;

public Bean() {

//text = "11";

//System.out.println("Create");

}

public String getText() {

return text;

}

public void setText(String text) {

this.text = text;

}

faces-config.xml

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

<faces-config>

<managed-bean>

<managed-bean-name>bean</managed-bean-name>

<managed-bean-class>com.ivo.a4j.bean.Bean</managed-bean-class>

<managed-bean-scope>request</managed-bean-scope>

</managed-bean>

</faces-config>

posted on 2007-04-27 08:54 風人園閱讀(2156) 評論(1) 編輯收藏所屬分類: JSF

# re: JSF--ajax4jsf入門示例(repeater)[未登錄] 回復 更多評論

dafdfa

2014-09-16 00:08 | dd

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: JSF--ajax4jsf入門示例(repeater) JSF--整合spring JSF--Navigate JSF--Managed Beans JSF-- 入門 First Example

# re: JSF--ajax4jsf入門示例(repeater)[未登錄] 回復 更多評論

風人園

JSF--ajax4jsf入門示例(repeater)

評論

導航

常用鏈接

留言簿(11)

隨筆分類

隨筆檔案

文章分類

文章檔案

新聞檔案

收藏夾

友情鏈接

搜索

最新評論

閱讀排行榜

評論排行榜

風人園

JSF--ajax4jsf入門示例(repeater)

評論

# re: JSF--ajax4jsf入門示例(repeater)[未登錄] 回復 更多評論

導航

常用鏈接

留言簿(11)

隨筆分類

隨筆檔案

文章分類

文章檔案

新聞檔案

收藏夾

友情鏈接

搜索

最新評論

閱讀排行榜

評論排行榜

# re: JSF--ajax4jsf入門示例(repeater)[未登錄] 回復更多評論