[Solved] Autocomplete textbox with hyperlink

by


Let me give a snippet of code that i use

function updateAutoSrch()
 {
          $("#searchpro").autocomplete({
            source: function( request, response ) {
            $.ajax({
            url: "search",
            data: {proname: proname},
            dataType: "json",
            success: function( data ) {
            response( $.map( data, function( item ) {
                   return {
                       label: item.user_name,
                       value: item.user_name,
                       userid: item.user_id,
                       profile_image_path: item.profile_image_path
                   }
               }));
            }

            });
       }
  }).data("ui-autocomplete")._renderItem = function (ul, item) {
             var inner_html = "<a href=""+siteurl+"/user/"+item.userid+"">"+ "</a>";
             return $("<li style="padding:20px 0 0 0;margin: 0 0 0 0;height:50px;" ></li>")
                     .data("item.autocomplete", item)
                     .append(inner_html)
                     .appendTo(ul);
         };
 }

using .data("ui-autocomplete")._renderItem we are modifying the default functionality of the autoload in jquery ui. item contains all the objects that are returned by success callback

2

solved Autocomplete textbox with hyperlink