注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

IOS & JAVA KEY

(iMilo)

 
 
 

日志

 
 
关于我

All the splendor in the world is not worth a good friend!! Hello my friend!!

网易考拉推荐

s:autocompleter标签介绍及实例-{Ajax实例-Struts2引入}  

2010-04-11 14:45:06|  分类: struts2 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 autocompleter标签 --实现类似于Google效果
autocompleter标签是指<s:autocompleter>标签,用来在页面上生成一个带下拉列表的单行文本框。在页面加载时,生成下拉列表中的内容。
* href 动态获取服务器端数据的URL
* autoCompelte 指定是否在单行文本框中显示输入提示
* shwoDownArrow 指定是否显示下拉箭头,其默认值为TRUE
* searchType 指定下拉列表与单行文本框的字符匹配模式,可选值有:startstring、startword、substring
* list 指定生成下拉列表中选项的集合

1、 在WebRoot下创建list.js文件,代码如下:

[
 ["Houston Rockets","HR"],
 ["Cleveland Cavaliers","CC"],
 ["Chicago Bulls","CB"],
 ["Miami Heat","MH"],
 ["Orlando Magic","OM"],
 ["San Antonio Spurs","SS"],
 ["Lans Lakers","LL"]
]

2 、 配置struts.xml,代码如下:

  ……

  <action name="getList">
   <result>/list.js</result>
  </action>

  ……

3、编写autocompleter.jsp页面,代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>struts2 ajax S:Autocompleter实例</title>
    <s:head theme="ajax"/>
  </head>
  <body>
    <center>
     <br/><br/>
     <h6 style="color:fuchsia">struts2 ajax S:Autocompleter实例</h6>
     <br/>
    </center>
    1、请选择喜欢的球队:
    <s:url id="term" value="getList.action" />
    <s:autocompleter id="A" href="%{term}" theme="ajax" />
    <hr/>
    2、设置autoComplete = false <br />
     请选择您喜欢的球队:
     <s:autocompleter id="B" href="%{term}" theme="ajax" autoComplete="false"/>
     <hr/>
     3、设置showDownArrow="false"<br/>
     请现在您喜欢的球队:
     <s:autocompleter id="C" href="%{term}" theme="ajax" showDownArrow="false"/>
     <hr/>
    4、设置searchType="substring" <br />
     请选择您喜欢的球队:
     <s:autocompleter id="D" href="%{term}" theme="ajax" searchType="substring"/>
     <hr/>
  </body>
</html>

  评论这张
 
阅读(1636)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017