JSF的进化——AJAX已经来了

2016-02-19 15:03 6 1 收藏

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1608726.html

延伸阅读
The JavaServer Faces (JSF)的Navigation框架提供了一些导航规则,可以使您在设计网站应用程序时定义view(大部分是jsp页面)之间的页面导航。这些规则和 其他一些设置一起定义在JSF配置文件中。 该文件的名称一般是 faces-config.XML 。不过完全可以把这个文件名改成其他名字,甚至可以用多个配置文件来存放相关的JSF配置信息,只...
《实况足球2010》进化很大啊 首先说画面,我觉得是进化最大的,最要赞的就是人物刻画更真实,更生动,脸上的皱纹看得都很清楚, 还有就是感觉这次每个球员做得都很像,以前嘛,只有大牌才像的,当然DEMO里只有2个队,也许像泰国那样的小队可能都还是大众脸吧.如果中国队每个...
标签: Web开发
AJAX介绍      AJAX 关键词:   JavaScript脚本和可扩展标记语言(XML)   WEB浏览器技术   开放式WEB标准   浏览器以及独立平台   更好更快的网络应用程序   XML以及HTTP请求      AJAX = 异步JavaScript和可扩展标记语言   A...
    Struts/Tapestry/JSF是目前J2EE表现层新老组合的框架技术。从诞生时间上看,Struts应该比较早,使用得非常广泛,Tapestry 3.0逐渐引起广泛的重视,正当Tapestry即将大显身手时期,SUN推出JSF标准技术,虽然JSF一开始推出尚不成熟,留出了一段空白期,但是随着JSF1.1标准推出,JSF开始正面出击,粉面隆重登场了。 ...
标签: Web开发
在某网站瞎逛时,发现这个链接,进去逛了逛,觉得很有意思,大家也可以去看看,姑且不论你是否同意里面的观点,看看别人看待ajax的角度,这对于理解一个事物很有帮助。 下面是我对一部分缺陷的看法: 为Ajax而Ajax(Using Ajax for the sake of Ajax.) 很同意这点,当一个技术本身的生存意义由于它自身的亮点而被抹杀,不知道是这个技术的幸运...

经验教程

533

收藏

100
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部