JSF的进化——AJAX已经来了

王朝html/css/js·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航