JavaOne:JSF的進化——AJAX已經來了

來源:互聯網
上載者:User

 

      最近在密切關注著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


 

 

sss

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.