डिफ़ॉल्ट मोडल के अंदर एक बटन कैसे जोड़ें और इसे क्लिक करें ईवेंट को कैसे पकड़ें
फॉर्म को दूर करना और मोडल सामग्री के साथ बनाने/इंटरफ़ेस करने के लिए जावास्क्रिप्ट का उपयोग करना अच्छी तरह से काम करता है। बटन को जोड़ने के लिए modal.setContent() और इसके क्लिक ईवेंट को पकड़ने के लिए myButton.onclick = () => {} । यहां कुछ उदाहरण कोड दिए गए हैं:
नीचे पूरा उत्तर पढ़ें ↓प्रश्न
मैं एक मोडल के अंदर एक फॉर्म चाहता हूं (डिफ़ॉल्ट मोडल का उपयोग करके), सबमिट बटन के क्लिक पर एक अजाक्स कॉल करें। मैंने एक नया घटक बनाया है जो ड्रैग एंड ड्रॉप पर एक मोडल को पॉप करता है। मैं मोडल में फॉर्म डालने में सक्षम हूं यह इस तरह दिख रहा है : <आईएमजी चौड़ाई = "1001" alt = "स्क्रीन शॉट 2019-07-11 10 22 17 AM पर" src="https://user-images.githubusercontent.com/36627122/61023023-cf1a4180-a3c5-11e9-8fcb-3da790ff9d61.png"> लेकिन मुझे नहीं पता कि सबमिट बटन क्लिक को कैसे ट्रैक किया जाए। मैंने एक स्क्रिप्ट में OnSubmit() लिखने की कोशिश की और मोडल सामग्री में जोड़ा, यह काम नहीं कर रहा है। क्या मेरा...
जवाब (3)
फॉर्म को दूर करना और मोडल सामग्री के साथ बनाने/इंटरफ़ेस करने के लिए जावास्क्रिप्ट का उपयोग करना अच्छी तरह से काम करता है। बटन को जोड़ने के लिए modal.setContent() और इसके क्लिक ईवेंट को पकड़ने के लिए myButton.onclick = () => {} । यहां कुछ उदाहरण कोड दिए गए हैं:
यहां मुद्दा यह है कि content HTML नोड्स (न केवल HTML स्ट्रिंग्स) को स्वीकार करता है, इसलिए आपके पास किसी भी संलग्न ईवेंट (सबमिट के साथ फॉर्म, क्लिक के साथ बटन, आदि) के साथ कोई HTMLElement हो सकता है, इसलिए प्रस्तावित दृष्टिकोण पूरी तरह से मान्य है (धन्यवाद @giorgiosjames)
@giorgiosjames धन्यवाद, यार यह (https://github.com/artf/grapesjs/issues/2129#issuecomment -510734779) मेरे मामले में एक आकर्षण की तरह काम करता है।
आपका जवाब मेरा बहुत सारा समय बचाता है :)
संबंधित प्रश्न और उत्तर
इसी तरह की मुद्दों पर चर्चाओं के साथ शोध जारी रखें।
अंक #3731
ईवेंट के साथ विस्तारित होने के बाद पाठ तत्व को दो बार चुना नहीं जा सकता
संस्करण: 0.17.25 क्या आप डेमो से बग को पुन: पेश करने में सक्षम हैं? [ ] हाँ[x] नहीं अपेक्षित व्यवहार क्या है? पाठ प्रकार के किसी मौजूदा घटक...
अंक #3638
स्क्रिप्ट-प्रॉप्स अमान्य है
नमस्ते!@artf, आपके महान काम के लिए धन्यवाद! मैं https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts का पालन...
अंक #2647
ड्रैग प्लेसहोल्डर सही चौड़ाई की गणना नहीं करता है।
हाय @artf, मुझे आशा है कि आपका दिन अच्छा चल रहा है। ड्रैग प्लेसहोल्डर के साथ एक छोटी सी समस्या है जब एक ब्लॉक को पार्श्व मार्जिन के साथ एक...
अंक #2337
डिफ़ॉल्ट शैलियों को हटाना काम नहीं करता है
नमस्कार मैं ब्लॉकों की कुछ डिफ़ॉल्ट शैलियों को हटाने की कोशिश कर रहा हूं। मैंने एक प्लगइन में जो कुछ भी बदला है उसे लिखा है। मैंने इस फ़ंक्...
सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं
समस्या कीवर्ड और लेबल प्रासंगिकता द्वारा क्यूरेट किया गया है ताकि आपको तेज़ी से शिप करने में मदद मिल सके।
सशुल्क प्लगइन अनुशंसाएँ लोड हो रही हैं ...
ओपन-सोर्स GrapesJS प्लगइन्स की जाँच करें GitHub या हमारे मुफ्त कैटलॉग में एक त्वरित खोज चलाएं।
मुफ्त प्लगइन्स ब्राउज़ करें →प्रीमियम प्लगइन्स समर्थन, नियमित अपडेट और उत्पादन-तैयार सुविधाओं के साथ शिप होते हैं - एकीकरण कार्य के दिनों को बचाते हैं।
प्रीमियम प्लगइन्स ब्राउज़ करें →ब्राउज़ प्लगइन श्रेणियाँ
सीधे बाज़ार पर प्लगइन श्रेणी के पृष्ठों पर जाएँ।