2012-01-12 14 views
6

इसलिए मैंने खोज की लेकिन जवाब नहीं मिला। यह कुछ मामूली हो सकता है हालांकि मैं यह नहीं देख सकता कि इसका क्या कारण है।jQuery UI स्वत: पूर्ण डेटा फ़िल्टर नहीं कर रहा

मैं jQuery UI Autocomplete का उपयोग कर रहा हूं, यह जेसन परिणाम प्रदर्शित कर रहा है। तो मुझे पता है कि मेरा JSON मान्य है। हालांकि, यह कुछ भी फ़िल्टर नहीं कर रहा है। इसलिए मैं एक संख्या दर्ज कर सकता हूं और यह सिर्फ सभी डेटा दिखाता है। किसी भी सुझाव की बहुत सराहना की जाएगी!

मैं आपके समय की सराहना करता हूं !!

यहां मेरा स्वतः पूर्ण कोड है।

$.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 
    }); 

उत्तर

0

इस लेख में एक JQuery यूआई स्वत: पूर्ण घटक दोस्त के बारे में पूरा समझा :)

Jquery UI AutoComplete

2

छनन पर "अवधि" पैरामीटर आधारित, किया जाना चाहिए सर्वर साइड। जांचें, फ़ायरबग या क्रोम डेवलपर टूल्स (एफ 12) के साथ आपका सर्वर कौन सा डेटा देता है, और यह सुनिश्चित करता है कि यह "टर्म" पैरामीटर पर निर्भर करता है।

संबंधित मुद्दे