JSF的进化——AJAX已经来了

55岁闯北京

55岁闯北京

2016-02-19 15:03

下面图老师小编要向大家介绍下JSF的进化——AJAX已经来了,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

   最近在密切关注着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"/

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)


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. 日历


(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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"
      &

nbsp;     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"/divbr/
/ui:FileUploadTag

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

展开更多 50%)
分享

猜你喜欢

JSF的进化——AJAX已经来了

Web开发
JSF的进化——AJAX已经来了

Ajax优于JSF的原因

Web开发
Ajax优于JSF的原因

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Ajax为什么优于JSF

Web开发
Ajax为什么优于JSF

浅析Ajax为什么优于JSF

Web开发
浅析Ajax为什么优于JSF

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

“网状爱情”时代已经到来了吗?

爱情 情感
“网状爱情”时代已经到来了吗?

基于AJAX和JSF打造丰富的互联网组件

Web开发
基于AJAX和JSF打造丰富的互联网组件

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

AJAX和J2EE创建功能强大的瘦客户端

AJAX和J2EE创建功能强大的瘦客户端

将PowerPoint2010幻灯片打包成CD或者存为视频格式

将PowerPoint2010幻灯片打包成CD或者存为视频格式
下拉加载更多内容 ↓