खोज समारोह अनुकूलन

Dec 26 2020

जो अपने कॉलम के साथ एक तालिका दिखाता है। मुझे डिफ़ॉल्ट फ़िल्टर फ़ंक्शन के बजाय खोज लुकअप फ़ंक्शन बनाने की आवश्यकता है, ताकि मिनी फ़िल्टर विंडो में मानों की सूची न हो और पूरी तालिका न हो: [! [यहां छवि विवरण दर्ज करें] [1] [१]

यदि पूरा नाम माइकल टाइप किया जाता है, तो तालिका को माइकल द्वारा फ़िल्टर किया जाएगा, या यदि मैं फोन नंबर टाइप करता हूं तो माइकल का नाम माइकल द्वारा फ़िल्टर किया जाएगा। दूसरे शब्दों में।

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

जवाब

1 rateLess Dec 28 2020 at 18:31

यहां एक काम करने का उदाहरण मिला । ध्यान दें कि मैं कोणीय से बहुत परिचित नहीं हूं, इसलिए कोड अजीब लग सकता है।

मैंने एक कस्टम फ़िल्टर को परिभाषित किया, जिसे कहा जाता है CustomSetFilter, जिसमें पाठ इनपुट tokensप्रत्येक चेकबॉक्स के लिए एक खोज फ़ील्ड के रूप में कार्य करता है जैसा कि परिभाषित किया गया है filterData। यदि इनपुट खाली है, तो सभी चेकबॉक्स दिखाई देते हैं। यदि नहीं, तो केवल चेकबॉक्स जिसमें इनपुट के मूल्य (मामले की अनदेखी) के बराबर टोकन है, दिखाई देगा। इसे onChange()फंक्शन में देखा जा सकता है ।