AJAX支持的自动填充表单

2016-02-19 22:26 3 1 收藏

想要天天向上,就要懂得享受学习。图老师为大家推荐AJAX支持的自动填充表单,精彩的内容需要你们用心的阅读。还在等什么快点来看看吧!

【 tulaoshi.com - Web开发 】

  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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

              //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

  titleAjax 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"/

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

     br /

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

   /h:form

  /f:view

  /body    

  /html 

   3.  web.xml配置

  context-param

    param-namejavax.faces.STATE_SAVING_METHOD/param-name

    param-valueclient/param-value

  /context-param

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

来源:http://www.tulaoshi.com/n/20160219/1628340.html

延伸阅读
标签: Web开发
兼容: opera 9.6 + chrome 2.0 + FF 3 + IE 6 效果:一边输入一边实现验证   环境:ruby 1.8.6 + rails 2.1.0 + windows 核心代码: html: 浏览器禁用javascript时显示提示信息: 代码如下: noscript div style="color:red"您的浏览器不支持javascript,部分功能无法使用/div /noscript 当浏览器禁用JS后,提交按钮不可用,实现客户...
标签: Web开发
如果你对JQuery的基本语法还不是很熟悉,请搜索本站的教程资源。如果你对PHPMailer用法不熟悉,请查看本站的另一篇文章《使用PHPMailer类库发送电子邮件》。 第一步,创建一个表单HTML页面 这里,我们只展示主要的表单部分HTML结构代码: 代码如下: div id="contact_form" form name="contact" method="post" action="" fieldset la...
标签: Web开发
ASP.NET开发团队目前正提供的新Microsoft AJAX CDN(内容分发网络)服务。该CDN提供了对AJAX 库 (包括 jQuery 和 ASP.NET AJAX)的边缘缓存(edge caching)支持。该服务是免费提供的,不需任何登记,可用于商业性和非商业性用途。这个服务提供了一个很好的途径来提高面向外部的网站的速度。 CDN都提供什么? 内容分发网络(CDNs)是由...
标签: 电脑入门
Excel最强大的功能就是能够对数据进行运算,这依赖于excel的成百上千的内部函数,更体现在excel的强大的VBA,这样就让越来越多的需要处理数据而又不会编程的人带来方便,对于那些简单的数字处理就更不在话下,就像Excel自动编号功能他可以让你的excel序号自动填充,我想如果某一天你要在表格中要输入诸如项目序号、日期序列等一些特殊的数据系...
标签: Web开发
在面向对象的思想中,最核心的概念之一就是类。一个类表示了具有相似性质的一类事物的抽象,通过实例化一个类,可以获得属于该类的一个实例,即对象。 在JavaScript中定义一个类的方法如下: function class1(){ //类成员的定义及构造函数 } 这里class1既是一个函数也是一个类。可以将它理解为类的构造函数,负责初始化工作。...

经验教程

67

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部