CODEWITHSUNDEEP
javascriptjqueryyuiliferay-6liferay-aui
playmaker420
playmaker420

Reputation: 1537

How to get selected item from AUI autocomplete list

I want to show address in my database to an autocomplete aui input field.Everything seems working fine.But im not able to retrive the address number of the record.How to use the on change event of autocomple-list or how can i access the selected item's json object

  @Override
        public void serveResource( ResourceRequest resourceRequest, ResourceResponse resourceResponse ) throws IOException,
                PortletException
        {


            String cmd = ParamUtil.getString(resourceRequest, "get_address");
            String myInputNode = ParamUtil.getString(resourceRequest, "addressAutocomplete");

            System.out.println("addressAutocomplete"+myInputNode);
            if (cmd.equals("get_address")) {
             getUsers(resourceRequest, resourceResponse,myInputNode);
            }
            }


    private void getUsers(ResourceRequest resourceRequest, ResourceResponse resourceResponse, String myInputNode) throws IOException, PortletException {

                JSONArray usersJSONArray = JSONFactoryUtil.createJSONArray();
                ThemeDisplay themeDisplay =    (ThemeDisplay)resourceRequest.getAttribute(WebKeys.THEME_DISPLAY);
                JSONObject userJSON=null;
                try {
                List<AddressMaster> userList=AddressMasterLocalServiceUtil.getAllAddressBySearchKey( myInputNode );
                                           for(AddressMaster addressMaster:userList){
                userJSON=JSONFactoryUtil.createJSONObject();
                userJSON.put("addressNumber",addressMaster.getAdrNummer());

                userJSON.put( "address",  addressMaster.getAddress())
         );

                       usersJSONArray.put(userJSON);
                }
                } catch (Exception e) {
                }
                PrintWriter out=resourceResponse.getWriter();
                out.println(usersJSONArray.toString());

                System.out.println("usersJSONArray"+usersJSONArray.toString());



            }

Jsp File

<portlet:resourceURL var="getAddress">
   <portlet:param name="get_address" value="get_address" />
 </portlet:resourceURL>


 <aui:input id="addressAutocomplete"  name="addressAutocomplete" label="group_choose_address"   style="width:700px"/>

<aui:script>
AUI().use('autocomplete-list','aui-base','aui-io-request','autocomplete-filters','autocomplete-highlighters',function (A) {
A.io.request('<%=getAddress%>',{
dataType: 'json',
method: 'GET',
on: {
success: function() {
//continents=this.get('responseData');
//alert(continents[0].name);
new A.AutoCompleteList(
{
allowBrowserAutocomplete: 'true',
activateFirstItem: 'true',
inputNode: '#<portlet:namespace/>addressAutocomplete',
resultTextLocator: 'address',
resultHighlighter:['phraseMatch'],
resultFilters:['phraseMatch'],
render: 'true',
source:this.get('responseData'),
});
}}
});                  
});
</aui:script>

Upvotes: 1

Views: 1996

Answers (1)

Matt Parker
Matt Parker

Reputation: 284

It's a bit tricky to see exactly what'll be coming, but I think you could do:

var address_ac = new A.AutoCompleteList({... as you have it...});
address_ac.on('select', function (e) {
    var selected_node = e.itemNode,
        selected_data = e.result;
});

Docs here: http://alloyui.com/versions/1.5.x/api/classes/AutoCompleteList.html#events

Upvotes: 1

Related Questions