Ajax.Autocompleter的提示实现

引入标签(结合实际)

<%@ 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了