引入标签(结合实际)
jsp页面
completeList为提示输出容器,实现主要是依赖Ajax.Autocompleter
completeKeywords.action实现:
keyWordsService.findKeywordsByPycode根据输入的keywork获取对应提示的list
completeKeywords.action返回的jsp页面:
这样就OK了
<%@ taglib uri="/webwork" prefix="ww"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
引入js,css
<script type="text/javascript"
src="<c:url value='/resources/js/autocomplete/prototype.js'/>">
</script>
<script type="text/javascript"
src="<c:url value='/resources/js/autocomplete/scriptaculous.js'/>">
</script>
<link rel="stylesheet" type="text/css"
href="<c:url value='/resources/js/autocomplete/autocomplete.css'/>" />
jsp页面
<ww:textfield name="keyword" cssStyle="width:420px;hight:50px" id="keyword" />
<div id="completeList" class="auto_complete"></div>
<script type="text/javascript" language="javascript" charset="utf-8">
new Ajax.Autocompleter('keyword','completeList',
'<c:url value="/search/completeKeywords.action"/>',{tokens:' ',frequency:0.4});
</script>
completeList为提示输出容器,实现主要是依赖Ajax.Autocompleter
completeKeywords.action实现:
List keywords = keyWordsService.findKeywordsByPycode(keyword);
getRequest().setAttribute("keywords", keywords);
keyWordsService.findKeywordsByPycode根据输入的keywork获取对应提示的list
completeKeywords.action返回的jsp页面:
<%@ page contentType="text/html; charset=GB2312"%>
<%@ taglib uri="/webwork" prefix="ww"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
<ul>
<c:forEach items="${keywords}" var="keyword">
<li>${keyword.keyword}</li>
</c:forEach>
</ul>
这样就OK了