संपत्ति परिवर्तन पर घटक दृश्य अपडेट करें
HTML को अपडेट करने के लिए आपको मॉडल में toHTML बदलना होगा
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
हेलो सब लोग मैं एक घटक बनाने की कोशिश कर रहा हूं जो संपत्ति मूल्य के आधार पर इसके दृश्य को अपडेट करेगा मेरा दृष्टिकोण # 1227 और डॉक्स पर आधारित है, मेरे उपयोग के मामले में मुझे विशेषता की आवश्यकता नहीं है, मैं केवल संपत्ति को प्रोग्रामेटिक रूप से अपडेट कर सकता हूं। लेकिन यह काम नहीं करेगा और कैनवास पर कोई भी घटक प्रदर्शित नहीं करेगा, भले ही वे परत प्रबंधक पर हों क्योंकि हम देख सकते हैं यहां(वे टिप्पणी किए गए रेंडर फ़ंक्शन के साथ ठीक से दिखाते हैं) शायद मुझे कुछ याद आ रहा है?
जवाब (3)
HTML को अपडेट करने के लिए आपको मॉडल में toHTML बदलना होगा
model: {
...
toHTML() {
const tagName = this.get('tagName');
const price = this.get('defaultPrice');
return `<${tagName}>${price}</{tagName}>`;
}
}
क्या आपने ऐसा कुछ करने की कोशिश की?
view: {
init() {
this.listenTo(this.model, 'change:defaultPrice', this.render);
},
onRender() {
this.el.innerHTML = this.model.get("defaultPrice");
}
}
मैं इसे परसों आज़माऊंगा। आपके त्वरित उत्तरों के लिए धन्यवाद!
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #3014
बग: चाइल्ड से घटक ले जाएं
नमस्ते मैं अन्य घटकों के साथ कस्टम घटकों को बनाने की कोशिश कर रहा हूं। ऐसा करने में कोई समस्या नहीं है। मुझे एक समस्या का सामना करना पड़ रह...
अंक #2614
कस्टम घटक का पुनरावर्ती दृश्य अद्यतन
नमस्ते मैंने एक कस्टम प्रकार परिभाषित किया है जैसे: मैं customTag को अपने मॉडल में रखना चाहता हूं और दृश्य में सामग्री (HTML) दिखाना चाहता...
अंक #4796
कस्टम लक्षण अद्यतन नहीं हो रहे हैं यदि mjml का उपयोग कर रहे हैं
यह विधि सामान्य HTML के लिए ठीक काम करती है। लेकिन जब मैंने MJ-IMAGE टैग के लिए MJML के साथ कोशिश की Src को TR टैग में अपडेट किया गया है ले...
अंक #6102
कस्टम घटक के लिए संपादक को पुनः लोड करने के बाद लक्षण प्रदर्शित नहीं होते हैं
GrapesJS संस्करण[X] मैं GrapesJS के नवीनतम संस्करण का उपयोग करने की पुष्टि करता हूं आप किस ब्राउज़र का उपयोग कर रहे हैं? क्रोम 91Vप्रतिलिपि...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।