श्रेणी और मानदंड

Question

पर आधारित इनपुट में एकाधिक स्वत: सुझाव मुझे खोज करते समय एकाधिक स्वत: सुझाव पर कुछ इनपुट चाहिए। खोज स्ट्रिंग में श्रेणी, वैकल्पिक मानदंड और मान शामिल हैं।

उदाहरण: Category.Criteria

मैं स्वत: पूर्ण के साथ jQuery उपयोग करने की कोशिश, autosuggest की श्रेणी के लिए प्रथम स्तर ठीक काम करता है, एक बार उपयोगकर्ता एक श्रेणी और में प्रकार का चयन करता है हम दिखाने के लिए अपेक्षा की जाती है। "" मानदंड उस श्रेणी के लिए कॉन्फ़िगर किया गया है।

ऑटो सुझाव का दूसरा सेट तत्काल प्रकट नहीं होता है जब उपयोगकर्ता एक श्रेणी का चयन करता है और "।" टाइप करता है, लेकिन ऐसा लगता है कि एक बार जब हम इनपुट क्षेत्र से बाहर निकलते हैं और वापस आते हैं। 1. किसी श्रेणी का चयन करें और फिर टाइप इनपुट क्षेत्र से बाहर ले जाने और सुझाव प्रकट होता है के दूसरे सेट फिर से फ़ोकस,:

ऐश्वर्य कोड https://jsfiddle.net/krishnanpb/gh32nad6/1/

कदम है। ""।

$(document).ready(function() { 
     BindControls(); 
    }); 

    function BindControls() { 
     var Categories = [ 
     "Customer", 
     "Equipment", 
     "Link", 
     "Location", 
     "Network", 
     "Service", 
     "Termination"]; 

     $('#tags').autocomplete({ 
      source: Categories, 
      minLength: 0, 
      scroll: true 
     }).focus(function() { 
      $(this).autocomplete("search", ""); 
     }); 

     $('#tags').bind('keypress', function(e) { 

      var code = (e.keyCode ? e.keyCode : e.which); 
      if(code == 46) { 
      console.log(". pressed"); 
      var Criteria = [ 
      "name", 
      "id"]; 
      } 
      $("#tags").autocomplete({ 
       source: Criteria 
      }); 
     }); 
    } 

एचटीएमएल:

टैग:

Answer 1

आप KeyUp घटना का उपयोग करना चाहिए। मैंने स्रोत को बदलने के बाद इनपुट पर फिर से ध्यान केंद्रित करने के लिए मजबूर किया।

$("#tags").keyup(function(event) { 
    if(event.which == 190) { 
     console.log(". pressed"); 
     var Criteria = ["name", "id"]; 
     $('#tags').autocomplete({ source: Criteria }); 
     $('#tags').focus(); 
    } 
});