Jquery-ui autocomplete example of getting source data from the local pouchdb26.05.16

jQuery(document).ready(function() {

jQuery.global.cache = {};

jQuery(function() {

jQuery( "#topsearch" ).autocomplete({
      minLength: 0,
      source: function(request, response) {
        var term = request.term.toUpperCase();
        if(term in jQuery.global.cache)
        {
          response(jQuery.global.cache[term]);
          return;
        }

var db = new PouchDB('code');
      db.allDocs({
        include_docs: true,
        attachments: true,
        limit:8,
        startkey: term
      }).then(function (result) {

});

},
      focus: function( event, ui ) {
        jQuery( "#topsearch" ).val( ui.item.label );
        return false;
      },

select: function( event, ui ) {
        jQuery( "#topsearch" ).val( ui.item.label );
        jQuery( "#topsearch-id" ).val( ui.item.value );
        return false;
      }
    })
    .autocomplete( "instance" )._renderItem = function( ul, item ) {
      var html = '';
      html += '<div class="media"><div class="media-left"><img src="'+ item.img +'" alt="img" width="60" height="60"/></div>';
      html += '<div class="media-body">' + item.label + '<br>' + item.desc + '<br/><strong>'+ item.wholesale+ '</strong></div>';
      html += '</div>'
      return jQuery( "<li>" )
        .append(html)
        .appendTo( ul );

};
  });

});

https://jqueryui.com/autocomplete/#remote

Anonymous

Jquery-ui autocomplete example of getting source data from the local pouchdb26.05.16

Information Epoch 1714887230