jqGrid फ़िल्टरिंग रिकॉर्ड्स

Question

ऐसा लगता है कि इस विषय के बारे में यहां कुछ प्रश्न हैं, और उनके पास कुछ अच्छे उत्तर हैं, लेकिन ऐसा लगता है कि मेरा मामला थोड़ा अलग है। मुझे jqGrid में प्रदर्शित रिकॉर्ड्स को फ़िल्टर करने की ज़रूरत है, लेकिन पूरी तरह क्लाइंट-साइड।

कई कारणों से, मेरे ग्रिड को पॉप्युलेट करने के लिए मेरे लिए सबसे अच्छा तरीका एक सरणी है जो सीधे पृष्ठ पर जावास्क्रिप्ट में उत्सर्जित होता है। ग्रिड स्वयं सर्वर से बिल्कुल संपर्क नहीं करता है। मेरे पास कुछ ग्रिड घटनाओं में कुछ कस्टम AJAX हो रहा है, लेकिन यह है। (असल में, मैं इसे उपलब्ध सेवाओं के मौजूदा सेट के साथ एकीकृत कर रहा हूं जो महत्वपूर्ण रूप से परिवर्तित नहीं हो सकता है।)

जो मैं करना चाहता हूं वह एक साधारण पाठ इनपुट और बटन के आधार पर ग्रिड फ़िल्टर करता है। मेरे पृष्ठ में टेक्स्ट इनपुट, बटन और एक टेबल है (जो दस्तावेज़ तैयार पर ग्रिड बन जाती है)। मैं बटन की क्लिक इवेंट (सामान्य jQuery इवेंट बाइंडिंग, कुछ विशेष नहीं) से जुड़ना चाहता हूं और jqGrid पर डिस्प्ले फ़िल्टर के रूप में टेक्स्ट इनपुट से मान का उपयोग करना चाहता हूं।

"फ़िल्टर" द्वारा मेरा मतलब केवल इनपुट में टेक्स्ट के लिए एक मैच (किसी भी क्षेत्र में) वाले रिकॉर्ड प्रदर्शित करना है। फिर, सभी रिकॉर्ड प्रदर्शित करने के लिए, बस इनपुट खाली करें और बटन को फिर से क्लिक करें। इसके अतिरिक्त, ग्रिड बहु-चयन है और चयन को फ़िल्टरिंग के माध्यम से जारी रखने की आवश्यकता है। मुझे बस उन पंक्तियों को छिपाने में सक्षम होना चाहिए जो इनपुट में मेल नहीं खाते हैं।

क्या यह संभव है?

Answer 1

स्थानीय ग्रिड को फ़िल्टर करने के लिए आपको केवल filterspostData jqGrid के पैरामीटर को भरना चाहिए और अतिरिक्त search:true सेट करना चाहिए।

ग्रिड के चयन को बचाने के लिए आप अतिरिक्त पैरामीटर [{page:1,current:true}] के साथ reloadGrid का उपयोग कर सकते हैं (here देखें)।

इसी कोड निम्नलिखित

$("#search").click(function() { 
    var searchFiler = $("#filter").val(), grid = $("#list"), f; 

    if (searchFiler.length === 0) { 
     grid[0].p.search = false; 
     $.extend(grid[0].p.postData,{filters:""}); 
    } 
    f = {groupOp:"OR",rules:[]}; 
    f.rules.push({field:"name",op:"cn",data:searchFiler}); 
    f.rules.push({field:"note",op:"cn",data:searchFiler}); 
    grid[0].p.search = true; 
    $.extend(grid[0].p.postData,{filters:JSON.stringify(f)}); 
    grid.trigger("reloadGrid",[{page:1,current:true}]); 
}); 

हो सकता है मैं जो दो कॉलम 'ग्राहक' ('नाम') और 'नोट्स' ('नोट') के लिए फिल्टर आप के लिए the demo बनाया आप कोड का विस्तार कर सकते आपको आवश्यक सभी कॉलम में खोज करने के लिए।

इस पर निर्भर करता है कि आप बचत पंक्ति चयन के साथ वास्तव में क्या मतलब रखते हैं, आपको वर्तमान चयन को selarrrow से एक चर में सहेजने और setSelection विधि के संबंध में चयनित पंक्तियों को पुनर्स्थापित करने की आवश्यकता हो सकती है।