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


 

相关文章推荐

读《JavaServer Faces 核心编程(第3版)》一书的记录—— 第1章 JSF 简介——案例 login-ajax

AJAX入门学习——ajax4jsf

  • 2011年08月04日 21:29
  • 534KB
  • 下载

JSF 2.0的一个AJAX例子

JSF 2.0的一个AJAX例子 2009-08-20 15:09 首先创建一个ManagedBean用来记录我们提交按钮的数量。示例如下: Count.java ...

JSF探索--ajax应用

index.xhtml welcome 请输入用户

:构建支持AJAX的JSF组件(一)

面将详细介绍一个标准JSF组件的制作过程,其中选用了DOJO的部分JS小部件,例如GRID。其中传递数据的方式采用了JSON格式。 1. AJAX用户界面组件 DirectorySearch_...

JSF+AJAX企业级开发之路

JSF+AJAX企业级开发之路 2008-11-11 11:32 184人阅读 评论(0) 收藏 举报 JSF+AJAX企业级开发之路——来自Sun的高级工程师Ed Burns...

JSF简单的ajax事件

ajaxTest.xhtml

ajax4jsf常用标签的使用

和 ActionListener或者ValueChangeListener的工作方式一样, 只是仅用于AJAX容器. 添加一个指定的类作为AjaxEvent的监听器. (sent in case of...

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

前面实现了简单的组件开发

PrimeFaces 3.0发布:面向JSF2的Ajax、移动与IE 9组件

本文来源于我在InfoQ中文站翻译的文章,原文地址是:http://www.infoq.com/cn/news/2012/05/primefaces-3-releasedPrimeFaces是个面向J...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaOne:JSF的进化——AJAX已经来了
举报原因:
原因补充:

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