एक्सेल एक्सेल जैसे jqgrid

Question

मैं jquery और jqGrid में नया हूं। मैं इसके साथ संघर्ष कर रहा हूं। मुझे किसी को jqGrid में मेरी मदद करने की ज़रूरत है कि मुझे jqGrid में एक फ़िल्टरिंग हेडर की आवश्यकता है। जब मैं demo ओलेग द्वारा किया गया तो मुझे इसकी तलाश है। लेकिन जब मैं चेकबॉक्स खोज मानों पर चयन करता हूं तो मुझे चेकबॉक्स की आवश्यकता होती है जैसे एक्सेल फ़िल्टरिंग की तरह फ़िल्टर किया जाना चाहिए। कृपया मुझे किसी की मदद करें।

यहां तक ​​कि मुझे implementation मिल गया है, लेकिन यह मेरे लिए काम नहीं कर रहा है। कृपया मुझे इसमें मदद करें, क्योंकि मुझे इसकी आवश्यकता है।

धन्यवाद अग्रिम

Answer 1

में मैं "को छानने की तरह एक्सेल" जैसे शब्दों पसंद नहीं है क्योंकि हर अलग तरीके से यह व्याख्या करता है। इसलिए मुझे इसका जवाब देना है कि मैं इसे कैसे समझता हूं।

मुझे लगता है कि आपको Eric Hynds द्वारा लिखित jQuery UI MultiSelect Widget का उपयोग करना चाहिए। मैंने कुछ जवाब और डेमो लिखे थे इससे पहले कि इससे पता चलता है कि इसका उपयोग कैसे किया जाए।

The demo दिखाता है कि "फ़िल्टरिंग जैसे एक्सेल" को लागू करने के लिए toolbar searching के साथ jQuery UI मल्टीसेलेक्ट विजेट का उपयोग कैसे करें।

जिस तरह से आप गतिशील the answer में jQuery यूआई स्वत: पूर्ण के मूल्यों की तरह एकाधिक चयन करें विजेट द्वारा प्रदर्शित मानों की सूची का निर्माण कर सकते हैं।

एक और जवाब (this और this) इसी क़ौम (this और this) के साथ दिखाता है कि कैसे संपादन के लिए विजेट का उपयोग करने।

UPDATED: The updated demo का उपयोग करता jqGrid 4.4.1, jQuery यूआई 1.8.24 और jQuery 1.8.2 और वर्तमान (29.09.2012 से संस्करण 1.13.6) jQuery यूआई एकाधिक चयन करें के संस्करण github से डाउनलोड किया।

अपडेट 2: The answerfilterToolbar जो उपयोग के मामले में आवश्यक है beforeClear कॉलबैक शामिल "ताज़ा" बटन। उत्तर में अद्यतन डेमो होता है जो jqGrid 4.6.0 का उपयोग करता है।