Java学习者论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

恭喜Java学习者论坛(https://www.javaxxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,购买链接:点击进入购买VIP会员
JAVA高级面试进阶视频教程Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java架构师3期(课件+源码)

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

深度学习(CNN RNN GAN)算法原理

Java亿级流量电商系统视频教程

互联网架构师视频教程

年薪50万Spark2.0从入门到精通

年薪50万!人工智能学习路线教程

年薪50万!大数据从入门到精通学习路线年薪50万!机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程 MySQL入门到精通教程
查看: 401|回复: 0

[jsf学习]JavaOne:JSF的进化??AJAX已经来了

[复制链接]
  • TA的每日心情
    开心
    2021-3-12 23:18
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2014-10-10 00:52:43 | 显示全部楼层 |阅读模式
    1.    最近在密切关注着Java One,EJB3的来临自然是头等大事,但是基于

    2.                         它的应用还不用着急。今天看到了关于JSF的报道,倒是值得拿来说说。

    3. 来看看JSF最新基于AJAX的API,已经把AJAX简单地封装到底了:

    4. 1.自动填表栏

    5. [img]http://img.javaxxz.com/2014/10/10/005227484.gif[/img]
    复制代码

      
    代码:        
    <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


    代码:
    1. <ui:mapViewer id="mapViewerx" center="#{MapBean.mapPoint}" info="#MapBean.mapMarker}"
    2.       markers="#{MapBean.locations}" style="height: 500px; width: 700px"/>
    复制代码
    1. [/code]
    2. 3. 选值填入的输入框
    3. [img]http://img.javaxxz.com/2014/10/10/005233937.gif[/img] 4. 文档编辑器
    4.   [img]http://img.javaxxz.com/2014/10/10/005236312.gif[/img] 5. 类Yahoo的打分按钮
    5. [img]http://img.javaxxz.com/2014/10/10/005238578.gif[/img]
    6. 代码:
    7. <ui:rating id="rating" maxGrade="5" includeNotInterested="true" includeClear="true"
    8.     hoverTexts="#{RatingBean.ratingText}" notInterestedHoverText="Not Interested"
    9.     clearHoverText="Clear Rating" grade="#{RatingBean.grade}"/>
    10.   6. 日历
    11. [img]http://img.javaxxz.com/2014/10/10/005238718.gif[/img]
    12. [img]http://img.javaxxz.com/2014/10/10/005240687.gif[/img]
    13.   7. 表单验证
    14. [img]http://img.javaxxz.com/2014/10/10/005241171.jpg[/img]
    15. 代码:
    16. <ui:ajaxValidator messageId="input1" eventHook="onkeypress">
    17.            <h:inputText>
    18.              <f:validateLength minimum="3" />
    19.            </h:inputText>
    20. </ui:ajaxValidator> 8. 上传工具
    21. [img]http://img.javaxxz.com/2014/10/10/005242875.jpg[/img]
    22. 代码:
    23. [code]<ui:FileUploadTag id="TestFileuploadForm0" enctype="multipart/form-data"
    24.        retFunction="testRetFunction" retMimeType="text/xml" postProcessingMethod="#{FileUploadProcessing.postProcessingMethod}"
    25.          progressBarDivId="progress" progressBarSubmitId="submit1x" progressBarSize="40">
    26.              <input type="file" size="40" name="fileToUpload0" id="fileToUpload0Id"/><br>
    27.              <input type="file" size="40" name="fileToUpload1" id="fileToUpload1Id"/><br>
    28.              <input type="file" size="40" name="fileToUpload2" id="fileToUpload2Id"/><br>
    29.              <input type="submit" name="submit1x" value="Submit"/>
    30.        <div id="progress"></div><br/>
    31. </ui:FileUploadTag>
    复制代码
          
    1. 现在这个AJAX的组件还处在BluePrint中,无法直接下载使用,可以通过Sun的Java Creator安装试用,本人觉得JSF的思想是从.Net那边抄过来的,所以没有个好使的IDE支持写起程序来是挺费劲的。
    2. 有兴趣的朋友可以通过这个网址了解更多:
    3. [url=http://developers.sun.com/prodtech/javatools/jscreator/reference/techart/2/ajax_samples.html]http://developers.sun.com/prodtech/javatools/jscreator/reference/techart/2/ajax_samples.html[/url]
    复制代码
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|Java学习者论坛 ( 声明:本站资料整理自互联网,用于Java学习者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-6-16 08:30 , Processed in 0.366274 second(s), 46 queries .

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表