JavaOne:JSF的进化——AJAX已经来了

原创 2006年05月21日 12:50:00

最近在密切关注着Java One,EJB3的来临自然是头等大事,但是基于它的应用还不用着急。今天看到了关于JSF的报道,倒是值得拿来说说。
来看看JSF最新基于AJAX的API,已经把AJAX简单地封装到底了:
1.自动填表栏

代码:       
<ui:autoComplete size="40" maxlength="100" id="cityField" completionMethod="#ApplicationBean.completeCity}"    value="#{SessionBean.city}" required="true" ondisplay="function(item) { return extractCity(item); }"    onchoose="function(item) { return chooseCity(item); }"/>

2. Google Map



代码:
 <ui:mapViewer id="mapViewerx" center="#{MapBean.mapPoint}" info="#MapBean.mapMarker}"
     markers="#{MapBean.locations}" style="height: 500px; width: 700px"/>


3. 选值填入的输入框

4. 文档编辑器

5. 类Yahoo的打分按钮

代码:
<ui:rating id="rating" maxGrade="5" includeNotInterested="true" includeClear="true"
   hoverTexts="#{RatingBean.ratingText}" notInterestedHoverText="Not Interested"
   clearHoverText="Clear Rating" grade="#{RatingBean.grade}"/>

6. 日历


7. 表单验证

代码:
<ui:ajaxValidator messageId="input1" eventHook="onkeypress">
          <h:inputText>
            <f:validateLength minimum="3" />
          </h:inputText>
</ui:ajaxValidator>

8. 上传工具

代码:
<ui:FileUploadTag id="TestFileuploadForm0" enctype="multipart/form-data"
      retFunction="testRetFunction" retMimeType="text/xml" postProcessingMethod="#{FileUploadProcessing.postProcessingMethod}"
        progressBarDivId="progress" progressBarSubmitId="submit1x" progressBarSize="40">
            <input type="file" size="40" name="fileToUpload0" id="fileToUpload0Id"/><br>
            <input type="file" size="40" name="fileToUpload1" id="fileToUpload1Id"/><br>
            <input type="file" size="40" name="fileToUpload2" id="fileToUpload2Id"/><br>
            <input type="submit" name="submit1x" value="Submit"/>
      <div id="progress"></div><br/>
</ui:FileUploadTag>

现在这个AJAX的组件还处在BluePrint中,无法直接下载使用,可以通过Sun的Java Creator安装试用,本人觉得JSF的思想是从.Net那边抄过来的,所以没有个好使的IDE支持写起程序来是挺费劲的。
有兴趣的朋友可以通过这个网址了解更多:http://developers.sun.com/prodtech/javatools/jscreator/reference/techart/2/ajax_samples.html


 

jsf中的ajax技术

在“jsf2入门demo”基础上使用ajax index.xhtml
  • lovelovelovelovelo
  • lovelovelovelovelo
  • 2016年07月28日 19:04
  • 1328

JSF教程(3)——初探JSF中的Ajax

Ajax是提高用户体验的最有效方法之一,同时也是提高系统性能的方法之一。提供页面局部刷新所以可以满足上面的两个要求。在JSF当中可以通过两种方式加入Ajax特性。一种是手动写JS代码,另一种是用JSF...
  • beijiguangyong
  • beijiguangyong
  • 2014年03月31日 23:42
  • 6479

JSF2中轻松使用ajax

转: JSF2中轻松使用ajax  JSF2中轻松使用ajax  http://blog.csdn.net/thinkhlin_down/archive/2010/04/15/5488370...
  • nielongren
  • nielongren
  • 2015年10月21日 15:48
  • 1993

在JSF页面利用Ajax实现局部刷新

本人对JSF接触不久,所以很多知识都没有学到。这几天做项目用到两个问题: 1.点击测试按钮,刷新的是整个页面,这种效果对用户的感知度不好,希望达到的是局部刷新的目的。 2.点击测试按钮,load进...
  • zhaoxd_1
  • zhaoxd_1
  • 2013年10月25日 15:15
  • 2898

在JSF中如何使用AJAX

 实现功能:如何通过地址取得JSF的运行结果,即AJAX的服务器端程序,客户端可根据自己的爱好进行选择1、加入 shale-remoting.jar2、定义XML输出Bean:public class...
  • elevenXL
  • elevenXL
  • 2008年02月01日 22:06
  • 883

理解PrimeFaces process/update和JSF f:ajax execute/render属性

process属性作用于服务端,其属性值只会影响实现了EditableValueHolder(input这类标签)或ActionSource(command这类标签)接口的UIComponent。通过...
  • m0_37589327
  • m0_37589327
  • 2017年11月03日 12:45
  • 219

JSF2.0实战 - 10、自定义Ajax更新方式

前面实现了简单的组件开发
  • xixixi9988
  • xixixi9988
  • 2014年05月19日 23:15
  • 1914

JSF 关于JSF 添加 ajax 支持(a4j:support event="onchange" reRender=""),导致绑定值为空

当我们在Jsf页面用了以下代码时: ...
  • u011952560
  • u011952560
  • 2013年09月06日 14:18
  • 1122

Ajax4jsf使用a4j:poll实现定时刷新

版权所有:(xiaodaoxiaodao)蓝小刀 http://blog.csdn.net/xiaodaoxiaodao/archive/2007/02/05/1502563.aspx  转载请注明来...
  • xiaodaoxiaodao
  • xiaodaoxiaodao
  • 2007年02月05日 14:49
  • 2578

AJAX与JSF实现带进度条的批量上传文件实例

一。NetBeans 5.5.1 中的样例:在NetBeans 5.5.1中自带了一个“文件上载“的例子,使用这个例子,请先下载并安装以下软件: JAVA SE 5 (JDK 1.5) ...
  • Adali
  • Adali
  • 2007年08月27日 18:37
  • 9109
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaOne:JSF的进化——AJAX已经来了
举报原因:
原因补充:

(最多只允许输入30个字)