<![CDATA[Latest posts for the topic "Ajax autocomplete"]]> http://recipes.mentaframework.org/posts/list/4.page JForum - http://www.jforum.net Ajax autocomplete [code]
public class TestAction extends BaseAction {

public String autoCompleter() {

String sourceInput = input.getStringValue("sourceInput");

Map<Integer, String> map = new LinkedHashMap<Integer, String>();

if(sourceInput.startsWith("a")) {

map.put(1, "a. Alguém com o id 1");
map.put(2, "a. Alguém com o id 2");
map.put(3, "a. Alguém com o id 3");

} else if(sourceInput.startsWith("b")) {

map.put(4, "b. Alguém com o id 4");
map.put(5, "b. Alguém com o id 5");
map.put(6, "b. Alguém com o id 6");

} else {

map.put(7, "*. Alguém com o id 7");
map.put(8, "*. Alguém com o id 8");
map.put(9, "*. Alguém com o id 9");
}

output.setValue(AjaxConsequence.KEY, map);

return SUCCESS;
}

}
[/code]
ApplicationManager:
[code]
public void loadActions() {

action(TestAction.class, "autoCompleter").ajaxOk(new JSONGenericRenderer());

}
[/code]
Jsp:
[code]
<%@ page contentType="text/html; charset=ISO-8859-1" %>
<%@ taglib uri="/WEB-INF/lib/mentawai.jar" prefix="mtw"%>
<html>
<head>
<mtw:ajaxConfig loadPrototype="true"/>
</head>

<body>
<legend>AutoComplete</legend>
<table>
<tr>
<td> Exemplo, "a", "b", * </td>
<td width="100px"> </td>
<td> Chave selecionada: </td>
<td> Valor selecionado: </td>
</tr>
<tr>
<td>
<input type="text" name="sourceInput" id="sourceInput">
<div id="completeHere" class="auto_complete"></div>
</td>
<td width="100px"></td>
<td> <input type="text" name="autoKey"> </td>
<td> <input type="text" name="autoValue"></td>
</tr>
</table>

<script type="text/javascript">
function completeText(key, value) {
document.getElementById("autoKey").value = key;
document.getElementById("autoValue").value = value;
}
</script>

<mtw:ajaxCompleter onSuccess="completeText" source="sourceInput" target="completeHere" url="TestAction.autoCompleter.mtw"/>

</fieldset>
</body>
</html>
[/code]

O parâmetro [color=red]loadPrototype[/color] na tag <mtw:ajaxConfig [color=red]loadPrototype="true"[/color] /> vai fazer com que seja carregado o Prototype 1.6, além de outros scripts necessários para o autocompleter funcionar.

Screenshot:
[img]http://www.mentaframework.org/images/recipes/suggest.jpg[/img]
]]> http://recipes.mentaframework.org/posts/preList/28/29.page http://recipes.mentaframework.org/posts/preList/28/29.page GMT