1. 爱易网页
  2. JavaSript
  3. JSF 二 简介，第 3 部分: 事件处理、JavaScript 和 Ajax

JSF 二 简介，第 3 部分: 事件处理、JavaScript 和 Ajax

日期：2014-05-16　 浏览次数：20445 次

JSF 2 简介，第 3 部分: 事件处理、JavaScript 和 Ajax

（转自: http://www.ibm.com/developerworks/cn/java/j-jsf2fu3/ ）

?

2009 年 8 月 03 日

Java?Server Faces (JSF) 2 专家组成员 David Geary 将在这一期文章中结束这部有关 JSF 2 新特性的? 系列文章（共 3 部分） 。本文介绍如何使用该框架的新事件模型和内置 Ajax 支持来增强可重用组件的功能。

JSF 的最大卖点在于它是一种基于组件的框架。这意味着您可以实现供其他人重用的组件。这种强大的重用机制在 JSF 1 中基本上是不可能实现的，因为在 JSF 1 中实现组件是非常困难的事情。

然而，正如? 第 2 部分 ? 所述，JSF 2 通过一种名为复合组件 ? 的新特性简化了组件的实现 — 无需 Java 代码和配置。这一特性可以说是 JSF 2 中最重要的部分，因为它真正实现了 JSF 组件的潜力。

在这份有关 JSF 2 的第三篇也是最后一篇文章中，我将展示如何利用新的 Ajax 和事件处理功能（也在 JSF 2 中引入）构建复合组件特性，要从 JSF 2 中获得最大收益，需要遵循下面的技巧：

  • 技巧 1：组件化
  • 技巧 2：Ajax 化
  • 技巧 3：展示进度

对于第一个技巧，我将简要回顾已在? 第 2 部分 ? 中详细描述过的两个组件。对于后面的技巧，我将展示如何使用 Ajax 和事件处理功能来改造这些组件。

技巧 1：组件化

我在? 第 1 部分 ? 中引入的 places 应用程序包含有大量复合组件。其中之一便是? map ? 组件，它显示一个地址地图，其中包含一个缩放级别下拉菜单，如图 1 所示：


图 1. places 应用程序的? map ? 组件
map 组件

清单 1 显示了经过删减的? map ? 组件列表：


清单 1.? map ? 组件 
				
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml"
    ...
    xmlns:composite="http://java.sun.com/jsf/composite"
    xmlns:places="http://java.sun.com/jsf/composite/components/places">
    
   <!-- INTERFACE -->
   <composite:interface>
     <composite:attribute name="title"/>
   </composite:interface>
        
   <!-- IMPLEMENTATION --> 
   <composite:implementation">
     <div class="map">
       ...
       <h:panelGrid...>
         <h:panelGrid...>
            <h:selectOneMenu
 onchange="submit()"
                 value="#{cc.parent.attrs.location.
                    
                    


                    

                    



    

        
相关资料更多>

    

    

        
    

            
                  
    
                      
  1. 
                         怎么让一个文本框 在可编辑和不可编辑之间转换－.net可编辑的表格是怎么实现的 
    2. 
                   
                
                  
    
                      
  2. 
                         LearningExtJS_new 之 ToolBar 种学习(二) 
    3. 
                   
                
                  
    
                      
  3. 
                         特意为javascript开发人员精心设计的调试工具箱,该怎么解决 
    4. 
                   
                
                  
    
                      
  4. 
                         javasCript精密度计算方法。闹心的精度 
    5. 
                   
                
                  
    
                      
  5. 
                         小白请问jsp中myaql的条件查询如何设置 
    6. 
                   
                
                  
    
                      
  6. 
                         基于有限状态自动机兑现高效xml/json解析器 续 xml解析器FSM图 
    7. 
                   
                
                  
    
                      
  7. 
                         jquery+ json-省市二级联动 
    8. 
                   
                
                  
    
                      
  8. 
                         jsp:useBean 中type跟class属性的区别 
    9. 
                   
                
                  
    
                      
  9. 
                         基于Backbone.js的JavaScript MVC示范程序(7) 
    10.