Scriptaculous Ajax.Autocompleter LI में अतिरिक्त कार्यक्षमता

वोट
1

मैं जो एक ASP.NET WebHandler जो सूची आइटम है कि सुझावों को शामिल के साथ एक बिना क्रम वाली सूची बनाता है कॉल प्रोटोटाइप / Scriptaculous पुस्तकालय से Ajax.Autocompleter वर्ग का उपयोग कर रहा हूँ।

अब मैं एक पृष्ठ जहाँ आप एक 'स्टॉप शब्द' तालिका, जिसका अर्थ है कि अगर वे तालिका में पाए जाते हैं, वे अब सुझाव नहीं दिया जाएगा करने के लिए सुझाव जोड़ सकते हैं पर काम कर रहा हूँ।

मैं LI तत्वों के अंदर एक बटन रखने और जब आप उस पर क्लिक करें यह एक पेज जो तब मेज पर शब्द कहते हैं करने के लिए एक ajax अनुरोध करना चाहिए। यह काम करता है। लेकिन तब मैं सुझाव तुरन्त ताज़ा करने, ताकि सुझाव शब्द सिर्फ तालिका में जोड़ा बिना प्रकट करना चाहते हैं। अधिमानतः चयनित शब्द शब्द अगले या पहले क्लिक शब्द से पहले है।

मैं यह कैसे करु? क्या अब बजाय होता है कि LI आप बटन क्लिक किया चयनित शब्द होने के लिए हो जाता है और सुझाव गायब की है।

सूची आइटम इस तरह दिखेगा:

<li>{0}
 <img onclick=\deleteWord('{0}');\ src=\delete.gif\/>
</li>

कहाँ {0}सुझाया गया शब्द का प्रतिनिधित्व करता है। जावास्क्रिप्ट समारोह deleteWord(w)webhandler जो 'स्टॉप शब्द' तालिका करने के लिए शब्द जोड़ सकते हैं कॉल करने के लिए हो जाता है।

13/09/2008 को 18:43
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
0

Scriptaculous Autocompleter 'ली' पर onclick घटना पर नजर रखता है। आप एक 'ली' के अंदर एक छवि, दोनों 'img' और 'ली' छड़ी जब के रूप में इस को दर्शाता है, क्लिक करें घटना मिल जाएगा। यही कारण है कि बटन क्लिक होने क्यों Autocompleter बस अपनी सामान्य बात कर रहा है:

<ul>
  <li onclick="alert('li');">
    <img onclick="alert('image')" src="blah.gif"/>
  </li>
</ul>

क्या मैं कोशिश करता हूँ है अपने 'onclick' राज्य चर के कुछ प्रकार है कि आपको बताता है कि हटाएं क्लिक किया गया है निर्धारित किया है। फिर, ओवरराइड 'updateElement' Autocompleter में अगर राज्य के लिए निर्धारित है कुछ भी नहीं करने के लिए। एक वैकल्पिक पूरे Autocompleter और ओवरराइड 'onClick' उपवर्ग है। यही कारण है कि जब अपने चित्र को क्लिक सूची से गायब नहीं कर देगा।

आपकी छवि का 'onclick', हटाने भी डोम में सूची से 'ली' में वास्तविक समय में सूची अद्यतन करने के लिए,। इस धारणात्मक की तरह:

img onclick="deleteWord('blah');setStateVariable();this.parentNode.parentNode.removeChild(this.parentNode);"
14/09/2008 को 01:25
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more