<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Ryan's Java world!

    something about Java and opensource!

    BlogJava 首頁 新隨筆 聯系 聚合 管理
      51 Posts :: 25 Stories :: 59 Comments :: 0 Trackbacks

    前幾天 在這里https://bpcatalog.dev.java.net/nonav/ajax/textfield-jsf/design.html?看到了一個實現AJAX支持的自動填充表單, 使用這種方式可以改善用戶體驗, 舉個例子: 在填寫用戶信息的時候 要填寫用戶的籍貫, 在全國有這么省市和地區,要是僅僅提供一個下拉菜單來選擇, 在這么多選項中選擇是否很郁悶呢, 如果也可以讓用戶輸入一部分文字 然后彈出相關的選項這樣不是更好嗎,用戶使用更方便.

    上面的文章介紹的比較詳細, 也是jsf的一個ajax擴展項目, 其實對于使用myfaces的用戶來說還有個更的選擇:使用MyFaces Sandbox 中的?InputSuggestAjax??

    http://myfaces.apache.org/sandbox/inputSuggestAjax.html?

    用法如下:

    1.創建一個managed bean:

    package test;

    import java.util.ArrayList;

    import java.util.List;

    public class Bean {????

    ??????????? //In that function all what you had to do is to

    ??????????? //Specify what will be displayed in the list

    ??????????? //Note that the keyword is the text entered by the user

    ??????????? public List getSuggestedWords(String keyword) {

    ??????????????????????? List list = new ArrayList();

    ??????????????????????? list.add(keyword + " Ahmed Saleh");

    ??????????????????????? list.add(keyword + " Kahki");

    ??????????????????????? list.add(keyword + " Kourany");

    ??????????????????????? list.add(keyword + " Kiki");

    ??????????????????????? list.add(keyword + " Saleh Abouetta");

    ??????????????????????? list.add(keyword + " Hashim");

    ??????????????????????? return list;

    ??????????? }

    ??????????? public String getCurrentValue() {

    ??????????????????????? return currentValue;

    ??????????? }
    ??????????? public void setCurrentValue(String currentValue) {

    ??????????????????????? this.currentValue = currentValue;

    ??????????? }
    ??????????? String currentValue;

    }

    2.???? jsp 頁面代碼

    <%@ taglib uri="

    <%@ taglib uri="

    <%@ taglib uri="

    <html>

    <head>

    <title>Ajax JSF sample (InputSuggestAjax)</title>

    </head>

    <body>

    <f:view>

    ?<h:form>

    ? <h:outputText value="Enter your name : "/>

    ?? <s:inputSuggestAjax suggestedItemsMethod="#{bean.getSuggestedWords}"

    ??? value="#{bean.currentValue}" />

    ?? <br />

    ?? <h:commandButton action="" value="Submit"/>

    ?? <br />

    ?? <h:outputText value="Your name is #{bean.currentValue}"/>

    ?</h:form>

    </f:view>

    </body>????

    </html>?

    ?3.? web.xml配置

    <context-param>

    ? <param-name>javax.faces.STATE_SAVING_METHOD</param-name>

    ? <param-value>client</param-value>

    </context-param>

    //Instead of server make the state saving method on the client to make it works

    ?4. 輸出頁面:

    版本為? ?1.1.4 示例代碼提供Hazem?http://bbs.hexiao.cn/?

    posted on 2006-09-26 09:41 冰雨 閱讀(1525) 評論(0)  編輯  收藏 所屬分類: Opensource

    JSF中文技術文摘
    主站蜘蛛池模板: 亚洲精品熟女国产| 久久久久亚洲AV片无码下载蜜桃| 亚洲视频精品在线观看| 日本一区午夜艳熟免费| 久久久久无码精品亚洲日韩| 一区二区三区免费看| 亚洲一区日韩高清中文字幕亚洲| 黄色免费在线观看网址| 亚洲精品网站在线观看不卡无广告| 大桥未久亚洲无av码在线| 国产精品免费_区二区三区观看| 亚洲欧美日韩中文无线码| 黑人粗长大战亚洲女2021国产精品成人免费视频 | 亚洲第一福利视频| 久久精品成人免费网站| 亚洲精品视频在线免费| 国产1024精品视频专区免费| 2020天堂在线亚洲精品专区| 免费被黄网站在观看| 高潮内射免费看片| 亚洲人成精品久久久久| 99热在线免费观看| 亚洲三级高清免费| 一本久久综合亚洲鲁鲁五月天| 一区二区三区视频免费| 亚洲精品美女久久777777| 在线看无码的免费网站| 亚洲va久久久久| 日本亚洲国产一区二区三区| 亚洲一区免费观看| 亚洲人成欧美中文字幕| 亚洲伊人久久成综合人影院| 久久狠狠躁免费观看2020| 亚洲午夜一区二区三区| 亚洲AⅤ无码一区二区三区在线 | 在线观看免费无码视频| 亚洲日本在线免费观看| 国产女高清在线看免费观看| 永久免费不卡在线观看黄网站| 亚洲国产日韩女人aaaaaa毛片在线| 国产片免费在线观看|