AJAX支持的自动填充表单

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="" prefix="h" %>
<%@ taglib uri="" prefix="f" %>
<%@ taglib uri="" 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

时间: 2025-01-29 21:24:29

AJAX支持的自动填充表单的相关文章

htmlelement能够自动填充表单和点击

问题描述 <formaction="http://www.**********.com/wwwpps/experience"method="get"name=fsel><inputtype="hidden"name="method"value="doExperience"/><inputname="receiver"type="text"

Ajax中通过JS代码自动获取表单元素值的示例代码_AJAX相关

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f

Ajax中通过JS代码自动获取表单元素值的示例代码

我们在使用Ajax的时候,通常需要获取表单元素值,然后发送给后台的服务器端程序处理.如果表单元素不多的情况我们常常会通过GET方式来获取表单元素值,但如果表单元素非常多,此时就需要用POST方式来获取表单元素值,那么如何来获取表单元素值呢?下面给出一段JS代码即可自动获取表单元素的值了. function getFormQueryString(frmID) //frmID是表单的ID号,请在表单form中先命名一个ID号 { var frmID=document.getElementById(f

Form表单按回车自动提交表单的实现方法_javascript技巧

1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交. <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 如果不想让其自动提交可以这样做: 再添加一个<input type=

基于bootstrap插件实现autocomplete自动完成表单_javascript技巧

基于bootstrap插件实现autocomplete自动完成表单,提供脚本代码,用例,以及后台服务端(php), 原文有些没说清楚的地方,希望能帮助大家. 首先肯定还是加载bootstrap&jquery了,需要额外说明的是,后端返回的二维数组,和formatItem方法下面的调用保持一致即可; 另外,返回的数据要先parseJSON!切记. 相关参数说明: source:function(query,process){}.query表示当前文本输入框中的字符串,可在该方法中通过ajax向后台

AJAX PHP无刷新form表单提交的简单实现(推荐)_php实例

ajax.php: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <script language="javascript"> function saveUserInfo() { //获取

Ajax和PHP正则表达式验证表单及验证码_php实例

模式匹配符: \:转义字符 例如:\b转义了b ^:正则表达式开始符号 $:正则表达式结束符号 *:匹配前面的字符出现0次或者n次 +:匹配前面的字符出现1次或者n次 ?:匹配前面的字符出现0次或者1次 .:匹配除了换行符以外的所有单个字符 |:或者的意思,例如x|y 匹配x或者y {n}:匹配前面的n个字符 {n,m}:匹配至少n个最多m个前面字符 [xyz]:匹配中括号里的任意一个字符 [^xyz]:匹配除了中括号里的任意一个字符等价于[0-9] \w:匹配任意一个数字或字母或下划线 等价于

JSP实现用于自动生成表单标签html代码的自定义表单标签_JSP编程

本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkbox,select,radio等标签,传入菜单集合生成html代码,自动选中指定值,用于java web项目的jsp页面. 1. Servlet部分代码: Map<String, String> map = new HashMap<String, String>(); map.put("2",

如何防止INPUT按回车自动提交表单FORM_javascript技巧

form中的input只有一个,input获得焦点时按回车会form自动提交: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <form action="http://blog.csdn.net/gnail_oug" method=&qu