風人園
          

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

          

          

          隨筆 - 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配置
          

          <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
				
          
			
          
		

          





          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			


		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
巴楚县|
宿州市|
达日县|
额尔古纳市|
宁德市|
右玉县|
普兰县|
昌都县|
益阳市|
大厂|
宜昌市|
平凉市|
鄂伦春自治旗|
孙吴县|
巴东县|
伽师县|
门源|
抚松县|
浦江县|
邹平县|
临桂县|
长寿区|
门源|
山西省|
襄垣县|
西吉县|
布尔津县|
海淀区|
图木舒克市|
凌云县|
龙门县|
修水县|
仪征市|
工布江达县|
剑河县|
佳木斯市|
通榆县|
攀枝花市|
东明县|
稻城县|
乌审旗|