欢迎光临
我们一直在努力

ajax支持的自动填充表单_ajax教程

建站超值云服务器,限时71元/月

jsf的一个ajax扩展项目, 其实对于使用myfaces的用户来说还有个更的选择:使用MyFaces Sandbox 中的 InputSuggestAjax   用法如下:


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=”http://java.sun.com/jsf/html” prefix=”h” %>


<%@ taglib uri=”http://java.sun.com/jsf/core” prefix=”f” %>


<%@ taglib uri=”http://myfaces.apache.org/sandbox” prefix=”s” %>


<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

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » ajax支持的自动填充表单_ajax教程
分享到: 更多 (0)