Ext.js में कोई HTML इनपुट टैग स्वतः पूर्ण कैसे करेगा?

Question

यदि आप Ext.js लाइब्रेरी का उपयोग कर रहे हैं, तो इनपुट टेक्स्ट क्षेत्रों में कोई स्वतः पूर्ण कैसे होता है?

अधिक सटीक, पुनरावर्तक अजाक्स अनुरोधों (जैसे jQuery autocomplete plugin) पर आधारित स्वत: पूर्ण कैसे होगा जहां अजाक्स विकल्प अद्यतन यूआरएल पर सेट किया गया है)।

विचारों की सराहना की जाती है और पढ़ने के लिए धन्यवाद।

Answer 1

के बाद से bmoueskau एक काफी पूर्ण विशेषताओं कार्यान्वयन प्रदान की है, मैंने सोचा था कि एक और अधिक नंगे हड्डियों उदाहरण मदद कर सकता है।

var store = new Ext.data.JsonStore({ 
    url: '/your/ajax/script/', 
    root: 'data', // the root of the array you'll send down 
    idProperty: 'id', 
    fields: ['id','value'] 
}); 

var combo = new Ext.form.ComboBox({ 
    store: store, 
    displayField:'value', 
    typeAhead: true, 
    mode: 'remote', 
    queryParam: 'query', //contents of the field sent to server. 
    hideTrigger: true, //hide trigger so it doesn't look like a combobox. 
    selectOnFocus:true, 
    width: 250, 
    renderTo: 'autocomplete' //the id of the html element to render to. 
           //Not necessary if this is in an Ext formPanel. 
}); 

दुकान अपने सर्वर इस प्रकार फ़ॉर्मेट से प्रतिक्रिया को स्वीकार करेंगे:

{ 
    "success": true, 
    "data": [ 
     { 
      "id": 10, 
      "value": "Automobile" 
     }, 
     { 
      "id": 24, 
      "value": "Autocomplete" 
     } 
    ] 
} 

बेशक

, आप भी है कि अगर अधिक अपनी शैली है एक Ext.data.XMLReader साथ अपनी दुकान सेट कर सकते हैं।

मुझे उम्मीद है कि आपको शुरू हो जाएगा। मैं Ext documentation की उत्कृष्टता पर पर्याप्त दबाव नहीं डाल सकता। combobox samples के अलावा इसमें कुछ प्रासंगिक उदाहरण हैं, जिन्हें मैंने पहली बार कुछ ऑटोकंपलेटर्स बनाते समय उपयोग किया था।

Answer 2

कोई अलग स्वत: पूर्ण कार्यक्षमता नहीं है जिसे सामान्य रूप से इनपुट के लिए जोड़ा जा सकता है - आप केवल सर्वर-साइड फ़िल्टरिंग के साथ कॉम्बोबॉक्स नियंत्रण का उपयोग करेंगे (आप "hideTrigger: true" config का उपयोग कर सकते हैं ताकि यह अभी भी एक सादे जैसा दिखता हो इनपुट)। यह शायद आप क्या चाहते हैं के लिए निकटतम उदाहरण है:

http://extjs.com/deploy/dev/examples/form/forum-search.html