Struts 2 - jquery plugin - autocompleter

[Sascha Kleiber]

Hi everyone,

I have following problem:

I want to use the autocompleter of the jquery-plugin for Struts 2. I got so far to insert a list of JPA-Entitys in the autocompleter-Input Field. Each Entity represents a City, with name and a City-ID. In the JSP I created the input field via

<sj:autocompleter name="city" id="selectCity" list="cities" listKey="id" listValue="name" />

It creates an input field where it shows the names of the cities. Now I want to open an url on selecting a city, and the link has to have the parameter "cityId=" + the number, e.g. "cityId=112". But it doesn't work! In firebug I can see that jquery creates an hidden input field with the id "selectCity", a hidden select-field (CSS-Class "selectCity_widget") with all the cities in the list "cities" and as the option-values the correct cityIDs and another hidden input field with the CSS-ID ".ui-autocomplete-input".

The HTML in firebug looks like

<input type="hidden" name="city" id="selectCity"> <select id="selectCity_widget" name="city_widget" style="display: none;"> <option value=""></option> <option value="1">ExampleCity1</option> <option value="2">ExampleCity2</option> <option value="114">ExampleCity3</option> <option value="10">ExampleCity4</option> </select> <input class="ui-autocomplete-input ui-widget ui-widget-content ui-corner-left" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">

When selecting an entry from the autocompleter it correctly inserts the cityID in the first hidden input field "#selectCity" as a value, e.g.

<input type="hidden" name="city" id="selectCity" value="114">

I tried it with

<script> $( ".ui-autocomplete-input" ).on( "autocompleteselect", function(event, ui) { window.location = "/cityId=" + ui.item.value; }); </script>

But firebug tells me that "ui.item.value" contains the City-Name and not the ID. I have no idea why! How do I get the City-ID for the autocompleteselect-Event? :-(

[Sascha Kleiber]

Found a solution. I used the Tag

<sj:autocompleter name="city" id="selectCity" list="cities" listValue="name" listKey="id" onSelectTopics="autocompleteSelect" />

and wrote following JavaScript to react on the select-Event:

$.subscribe('autocompleteSelect', function(event, data) { var cityId = event.originalEvent.ui.item.option['value']; window.location = "/cityId=" + cityId; });

[Sascha Kleiber]

Does anyone know if it is possible to get only results BEGINNING with a given letter, not just CONTAINING it? For example if I enter "a" I only want to get results beginning with "a", e.g. "ape", "alien" etc., but not e.g. "banana". I DON'T want to get EVERY word containing the letter 'a'!