मेरे पास कस्टम स्टाइल वाला एक डोजो / डेजिट एपिकरियन है, ऊपर दिए गए आंकड़ों के अनुसार दाईं ओर दिए गए आइकन का विस्तार करें।
मैं + को - को बदलना चाहता हूं जब एस्त्रियन विस्तार किया जाता है।
क्या शीर्षक के अनुसार क्लिक पर आइकनों को बदलने के लिए फ़ंक्शन बुलाए जाने के अलावा कोई रास्ता नहीं है?
या क्या डोजो के पास कोई भी डिफ़ॉल्ट फ़ंक्शन है जिसे एॉर्डियन विस्तार करने पर कहा जाएगा?
यदि आपके द्वारा बनाए गए एॉर्डियन में dijit / layout / contentpane
विगेट्स हैं, तो आप शो और छिपाने इवेंट, उदाहरण के लिए:
फलक। पर ('शो', फ़ंक्शन () {console.log (pane.title + "show") ;}); Pane.on ('छिपाएँ', फ़ंक्शन () {console.log (पन्नाटिटल + "छिपाना");});
एक पूर्ण उदाहरण नीचे पाया जा सकता है।
की आवश्यकता है (["dojo / ready", "dojo / _base / array" , "डिजीट / रजिस्ट्री", "डोजो / पार्सर", "डेज़ीट / लेआउट / एकॉर्डियन कॉंटैनेर", "डेज़ीट / लेआउट / कंटेंटपेन"], फ़ंक्शन (तैयार, एआरआई, रजिस्ट्री) {तैयार (फ़ंक्शन () {arr.forEach (रजिस्ट्री .byId ("myAccordion")। GetChildren (), फ़ंक्शन (फलक) {फलक। पर ('शो', फ़ंक्शन () {console.log (pane.title + "show");}); pane.on (' छिपाना, फ़ंक्शन () {console.log (pane.title + "HIDE");})}}}}}};});
& lt;! DOCTYPE html & gt; & Lt; html lang = "en" & gt; & Lt; शीर्ष & gt; & Lt; link rel = "स्टाइलशीट" href = "http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css" / & gt; & Lt; / head & gt; & Lt; बॉडी क्लास = "क्लारो" & gt; & Lt; div शैली = "चौड़ाई: 300px; ऊंचाई: 300px" & gt; & Lt; div डेटा-डोजो-टाइप = "दिजिट / लेआउट / एकॉर्डियन कॉन्टैनेयर" id = "myAccordion" शैली = "ऊंचाई: 300px;" & gt; & Lt; div डेटा-dojo-type = "dijit / layout / contentPane" शीर्षक = "हेह, यह एक सामग्री फलक है" & gt; नमस्ते! & Lt; / div & gt; & Lt; div डेटा-dojo-type = "dijit / layout / contentPane" शीर्षक = "यह भी ठीक है" चयनित = "सच" & gt; नमस्ते आप कैसे हैं? & Lt; / div & gt; & Lt; div डेटा-dojo-type = "dijit / layout / contentPane" शीर्षक = "यह भी" & gt; नमस्ते आप कैसे हैं? ..... महान, thx & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; script src = "http://ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js" डेटा- dojo-config = "async: true, parseOnLoad: सच है, डिबग: सच "& gt; & Lt; / स्क्रिप्ट & gt; & Lt; / body & gt; & Lt; / html & gt;
Comments
Post a Comment