2012-01-12 23 views
6

Así que busqué pero no pude encontrar la respuesta. Esto podría ser algo trivial, pero no puedo ver qué está causando esto.jQuery UI Autocompletar No filtrado de datos

Estoy usando la Autocompletar de jQuery UI, está mostrando los resultados json. Entonces sé que mi JSON es válido. Sin embargo, no está filtrando nada. Entonces puedo ingresar un número y solo muestra todos los datos. ¡Cualquier consejo sería muy apreciado!

Aprecio tu tiempo !!

Aquí está mi código de autocompletar.

$.widget('custom.catcomplete', $.ui.autocomplete, { 
    _renderMenu: function(ul, items) { 
     var self = this, 
      currentCategory = ''; 
     $.each(items, function(index, item) { 
      if (item.category != currentCategory) { 
       ul.append('<li class="ui-autocomplete-category">' + item.category + '</li>'); 
       currentCategory = item.category; 
      } 
      self._renderItem(ul, item); 
     }); 
    } 
    }); 


    $('#category').catcomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: '/wp-content/plugins/pagelines-sections/searchbar/products.json', 
      dataType: 'json', 
      data: { 
       term: request.term 
      }, 
      cache: true, 
      success: function(data) { 
       response($.map(data.products, function(item) { 
        return { 
         category: item.category, 
         label: item.label, 
         value: item.value 
        }; 
       })); 
      } 
     }); 
     }, 
     minLength: 1 
    }); 

Respuesta

0

en este artículo un explican completado alrededor del componente de tipo jQuery UI auto-completa :)

Jquery UI AutoComplete

2

de filtrado debe realizarse del lado del servidor, basado en el parámetro "Plazo". Verifique qué datos devuelve su servidor con las herramientas de desarrollador de Firebug o Chrome (F12) y asegúrese de que depende del parámetro "término".

Cuestiones relacionadas