2011-01-17 7 views
7

मैं यूयूआई 3.3.0 और स्वत: पूर्ण विजेट का उपयोग कर रहा हूं। मैं पूरी तरह से यूयूआई के लिए नया हूँ। ये रही चीजें। मेरे पास स्वत: पूर्ण काम है।यूयूआई स्वत: पूर्ण घटनाओं, कैसे करें?

मैं ऑटोकंपलेट द्वारा निकाली गई घटना को कैसे पकड़ूं? प्रलेखन में कहा गया है कि जब कोई उपयोगकर्ता सूची से कोई आइटम चुनता है तो एक चुनिंदा ईवेंट निकाल दिया जाता है। मैं उस घटना में एक फ़ंक्शन संलग्न करना चाहता हूं। मैं उसको कैसे करू?

उत्तर

15

यहाँ प्लगइन दृष्टिकोण के लिए एक उदाहरण है, http://tivac.com/yui3/so/skladjfyhafjk_autocomplete.htm

, बस जब आप इनपुट में पहली प्लग स्वत: पूर्ण config के तहत आपके ईवेंट हैंडलर्स गुजरती हैं।

Y.one("#ac").plug(Y.Plugin.AutoComplete, { 
    resultHighlighter: 'phraseMatch', 
    source: ['foo', 'bar', 'baz'], 
    on : { 
     select : function(e) { 
      console.log(arguments); //TODO: REMOVE DEBUGGING 
     } 
    } 
}); 

तुम भी तत्व के बाद सदस्यता ले सकते हैं नाम स्थान में यह ("एसी") से जोड़ा जाता का उपयोग कर खामियों को दूर किया गया है।

Y.one("#ac").ac.on("select", function() { 
    console.log("post-plugin event subscription"); //TODO: REMOVE DEBUGGING 
}); 

आप एक वर्ग के रूप में यह प्रयोग कर रहे हैं, यह इस तरह काम करता है।

var ac = new Y.AutoComplete({ 
    inputNode: '#ac', 
    source: ['foo', 'bar', 'baz'] 
}); 

ac.on("select", function() { 
    console.log("Class event subscription"); //TODO: REMOVE DEBUGGING 
}); 
संबंधित मुद्दे