इस पृष्ठ को JSP और जावा में लिखा जाना है
जब मैं jqgrid पर एक पंक्ति क्लिक करता हूं, तो मैं एक jqgrid प्रदर्शित करना चाहता हूं। दो विचार,
पहले पृष्ठ में, मुझे एक jqgrid में एक सूची प्रदर्शित करनी है और जब उपयोगकर्ता ग्रिड पर एक पंक्ति पर क्लिक करता है
1) पृष्ठ फीका होना चाहिए और एक और ग्रिड हैएक और ग्रिड पर विवरण दिखाने के लिए पॉप अप करने के लिए। रद्द करने के लिए, पॉप अप ग्रिड को बंद करना होगा और पृष्ठभूमि ग्रिड को देखना होगा। 2) एक और jqgrid को वास्तविक jqgrid के शीर्ष पर पंक्ति के ठीक नीचे प्रदर्शित किया जाना चाहिए। एक जकरग्रीड पंक्ति के दाईं ओर एक संदर्भ मेनू की तरह।
कृपया मेरा मार्ग दर्शन कीजिए। मैं jquery और jqgrid में नया हूं और इसे हासिल करना कठिन है।
उत्तर:
जवाब के लिए 2 № 1तो यह है कि यह कैसे काम करने जा रहा है ...
onSelectRow: समारोह (आईडी) {
var data = jQuery ("# ग्रिडफ़र्स्टग्रिड")। jqGrid ("getRowData", id); // मान लीजिए कि आपके पास पहले ग्रिड में नाम और कंपनी है
var नाम = data.Name; var कंपनी = data.Company;
// वहाँ एक और तरीका है (getCell) भी सीधे आईडी के आधार पर नाम और कंपनी पाने के लिए
jQuery ( "# gridFirstGrid")। fadeOut ( "धीमी")।
आप जो डेटा चाहते हैं, उसके साथ यहां दूसरा ग्रिड लोड करेंपिक ... मान लें कि यदि आप नाम या कंपनी के आधार पर डेटाबेस से कुछ डेटा प्राप्त करना चाहते हैं, तो यहां से एक एंजेक्स अनुरोध भेजें और डेटा को जसन प्रारूप में लौटाएं और इसे दूसरे ग्रिड से उसी तरह से बांधें जैसे आप पहले ग्रिड में कर रहे थे। दूसरे ग्रिड में एक कस्टम बटन को लागू करें और बटन के क्लिक पर (रद्द करें) दूसरे ग्रिड को फीका करें और पहले एक में फीका करें।
ajax रिक्वेस्ट भेजने का तरीका जानने के लिए इस लिंक को देखें MultiSelect jqgrid MVC3 के लिए OnClickButton फ़ंक्शन पैरामीटर, और कैसे एक कस्टम बटन जोड़ने के लिए यह जाँच करें http://trirand.net/examples/grid/selection/selectedrow_client/default.aspx यह ग्रिड के बाहर है, लेकिन आप इसका उपयोग भी कर सकते हैं