jqGrid संपादन फॉर्म में निर्भर चयन बॉक्स विकल्प

jqGrid आपको संपादन प्रपत्रों के लिए गतिशील चयन बॉक्स बनाने की अनुमति देता है, जहां विकल्प निर्भर करते हैं संबंधित चयन बॉक्स में किया गया चयन। यह किसी देश का चयन करने और तदनुसार राज्य विकल्पों को पॉप्युलेट करने जैसे परिदृश्यों के लिए उपयोगी है। गतिशील रूप से पॉप्युलेट किया गया राज्य चयन बॉक्स। राज्य चयन बॉक्स का विकल्प मान 5 के अपेक्षित मान के बजाय 0 से शुरू होता है। मुख्य बात यह समझना है कि jqGrid आरंभीकरण के समय केवल एक बार editoptions का उपयोग करता है। चयनित देश के आधार पर राज्य चयन बॉक्स को सही ढंग से भरने के लिए, संपादन विकल्पों को रीसेट किया जाना चाहिए और चयन बॉक्स को मैन्युअल रूप से फिर से बनाया जाना चाहिए।

यहां बताया गया है कि समाधान कैसे कार्यान्वित किया जाता है:

संपादनविकल्प रीसेट करें:

पेज लोड पर, राज्य चयन बॉक्स के लिए संपादनविकल्प को स्थिर मान पर सेट करें।

1. डेटा परिवर्तन:
   जब देश चयन बॉक्स बदलता है, तो राज्य चयन बॉक्स संपादन विकल्पों को स्थिर मान पर रीसेट करें।
2. चयन बॉक्स का पुनर्निर्माण करें:
   चयनित देश के आधार पर, राज्य चयन बॉक्स के लिए नए विकल्प बनाएं।
   • इनलाइन संपादन के लिए, चयन बॉक्स को अपडेट करें विशिष्ट पंक्ति।
   फॉर्म संपादन के लिए, संपादन फॉर्म में चयन बॉक्स को अपडेट करें।

3. राज्य मान बनाए रखें:
   • देश बदलने और राज्य चयन बॉक्स के पुनर्निर्माण के बाद, उचित संपादन विकल्प मान सेट करके सुनिश्चित करें कि चयनित राज्य सही ढंग से प्रतिबिंबित हो।
4. कोड स्निपेट:
   // राज्य चयन बॉक्स के लिए संपादन विकल्प रीसेट करें var रीसेटस्टेट्सवैल्यूज़ = फ़ंक्शन () { ग्रिड.सेटकॉलप्रॉप('स्टेट', { एडिटऑप्शंस: { वैल्यू: स्टेट्स }}); }; // चयनित देश के आधार पर राज्य चयन बॉक्स के लिए नए विकल्प बनाएं var परिवर्तनस्टेटसेलेक्ट = फ़ंक्शन (देशआईडी, देशएलेम) { var sc = statesOfCountry[countryId]; var newOptions = 'सभी'; // यदि ज़रूरत हो तो for (stateId in sc) { newOptions = '' states[stateId] ''; } ग्रिड.सेटकॉलप्रॉप('स्टेट', { एडिटऑप्शंस: {वैल्यू: स्टेट्सऑफकंट्री[कंट्रीआईडी]}}); यदि ($(countryElem).is('.FormElement')) { // फॉर्म संपादन $(countryElem).closest('form.FormGrid').find("select#state.FormElement").html(newOptions); } अन्य { // इनलाइन संपादन var row = $(countryElem).closest('tr.jqgrow'); var rowId = row.attr('id'); $("select#" rowId "_State", row[0]).html(newOptions); } };
   • निष्कर्ष

संपादन विकल्पों को रीसेट करके, राज्य चयन बॉक्स को मैन्युअल रूप से पुनर्निर्माण करके, और चयनित राज्य मान को बनाए रखते हुए, आप यह सुनिश्चित कर सकते हैं कि jqGrid में संपादन फॉर्म प्रदर्शित होता है आश्रित चयन बक्सों के लिए सही विकल्प मान।