सर्वश्रेष्ठ गतिशील जावास्क्रिप्ट / JQuery ग्रिड [बंद]

Question

मैं जावास्क्रिप्ट, JQuery और HTML के साथ काम कर रहा हूँ। मेरी परियोजना का UI पूरी तरह से गतिशील है। मैं एक गतिशील जावास्क्रिप्ट / JQuery ग्रिड की तलाश में हूं जो निम्नलिखित सुविधाओं का समर्थन करता है।

क्या कोई मुझे बता सकता है कि कोई अच्छा दिखने वाला खुला स्रोत ग्रिड है जो निम्नलिखित विशेषताओं का समर्थन करता है?

1. मुझे रन-टाइम पर ग्रिड की एक आवृत्ति बनाने और DOM में जोड़ने में सक्षम होना चाहिए।
2. कॉलम टेम्प्लेट (टेक्स्टबॉक्स, सिलेक्ट, चेकबॉक्स या कोई इनपुट या सरल टेक्स्ट) का समर्थन करता है
3. नए कॉलम टेम्पलेट सेट करने का समर्थन करता है या वास्तविक समय में मौजूदा कॉलम टेम्पलेट को प्रतिस्थापित करता है।
4. कुछ इनपुट नियंत्रण (जैसे पाठ बॉक्स, चेकबॉक्स ..) एक स्तंभ के अंतर्गत वर्तमान किया जा सकता है सक्षम और कुछ हो सकता है विकलांग ।
5. वास्तविक समय पर सेटडेटा () का समर्थन करता है।
6. यदि उपयोगकर्ता द्वारा कोई इनपुट डेटा परिवर्तित किया गया है तो घटना का समर्थन करता है।
7. इसे रो के चयन का समर्थन करना चाहिए
8. पूरे ग्रिड को रेंडर किए बिना वास्तविक समय में पंक्ति जोड़ें या हटाएं।
9. पेजिंग का समर्थन करता है।
10. वास्तविक समय में किसी भी कॉलम द्वारा छँटाई का समर्थन करता है।
11. यदि वास्तविक समय में उपयोगकर्ता द्वारा डेटा सॉर्ट किया जाता है, तो एक घटना को निकालता है।
12. ग्रिड UI को रियलिस्टिक कॉलम का समर्थन करना चाहिए
13. ऑटो री-सेबल
14. निश्चित रूप से अच्छा प्रलेखन है।

Comments

इसे स्वयं लिखो। यदि आप उन सभी सुविधाओं को चाहते हैं, तो आपको इसे स्वयं करने की आवश्यकता है। कस्टम समाधान हमेशा सबसे अच्छा समाधान होता है।

— रेयनोस

मुझे यकीन नहीं है कि यह हमेशा सबसे अच्छा समाधान है। मेरा मतलब है - मैं InnoDB का उपयोग करने के बजाय अपने खुद के डेटाबेस इंजन का निर्माण करने के बारे में नहीं हूँ ...

— गंभीर ...

@Roynos, मैंने खुद कुछ चीजें लिखी हैं, लेकिन मुझे छँटाई, आकार बदलने आदि ... जैसी सभी विशेषताओं को लागू करने के लिए बहुत समय का निवेश करने की आवश्यकता है। इसलिए मैं एक ग्रिड नियंत्रण की तलाश कर रहा हूं। मैं अभी भी एक-एक करके सभी ग्रिडों का मूल्यांकन कर रहा हूं।

— सोमनाथ

@ रेयानोस यह हास्यास्पद है। सबसे अच्छा समाधान वह उपाय है जो सबसे कम लागत पर काम करता है। अगर यह पहले से ही हो गया है तो इसका निर्माण क्यों करें?

— रिचार्ड

@RichardDesLonde आप सही हैं। मेरा विकल्प मौजूदा सर्वोत्तम समाधान का चयन करना और अपनी आवश्यकताओं के अनुसार इसका विस्तार करना है।

— सोमनाथ

Answer 1

कुछ उपयोगी हैं:

नि: शुल्क:

• गिजगो ग्रिड
• Backgrid.js
• Flexigrid
• jqGridView
• इंग्रिड
• SlickGrid
• DataTables
• शिल्ड यूआई लाइट ग्रिड

भुगतान किया है:

• फैंसी ग्रिड
• jQuery ग्रिड
• jqxGrid
• यूआई ग्रिड को ढालें

मेरी राय में सबसे अच्छी प्रविष्टियाँ Flexigrid और jQuery ग्रिड हैं।

Comments

अब तक मुझे jQuery की ग्रिड पसंद आने लगी थी। trirand.com/blog/jqgrid/jqgrid.html लेकिन फिर भी मुझे यकीन नहीं है। आपको अपडेट रखते हैं ...

— सोमनाथ

@ सोमनाथ - क्या jQuery ग्रिड वह है जिससे आप सबसे अधिक खुश थे? मुझे एक समान आवश्यकता है, और डेटाटेबल्स का मूल्यांकन कर रहा है, लेकिन पंक्तियों को जोड़ना (और उन्हें क्रम क्रम का हिस्सा होना) अच्छी तरह से काम नहीं कर रहा है।

— मटकाव

@MattW हाँ मुझे jQuery ग्रिड पसंद है, डेटा जोड़ना वास्तव में आसान है। इसके अलावा, आप बस एक ध्वज सेट करके हर कॉलम को क्रमबद्ध कर सकते हैं। मेरी आवश्यकताओं की सूची वास्तव में बड़ी थी। लेकिन कुछ चीजें मैं खुद बनाता हूं और कुछ मामलों के लिए मैं jQuery ग्रिड का उपयोग कर रहा हूं। यह शांत और आसान एपीआई भी मिला। इस समय मैं jQuery ग्रिड से खुश हूं। यह अच्छा है।

— सोमनाथ

@ सोमनाथ तो, आखिर आपने किसे चुना? I Header DataTable भी एक अच्छा विकल्प है। कौन सा सबसे तेज है? और कौन सा समूह का समर्थन करता है?

— विवेक वर्धन

@VivekVardhan im trirand.com/blog/jqgrid/jqgrid.html का उपयोग करते हुए

— सोमनाथ

Answer 2

तुम कोशिश कर सकते हो http://datatables.net/

DataTables jQuery जावास्क्रिप्ट पुस्तकालय के लिए एक प्लग-इन है। यह एक अत्यधिक लचीला उपकरण है, जो प्रगतिशील वृद्धि की नींव पर आधारित है, जो किसी भी HTML तालिका में उन्नत इंटरैक्शन नियंत्रण जोड़ देगा। प्रमुख विशेषताऐं:

• परिवर्तनीय लंबाई पृष्ठ पर अंक लगाना
• ऑन-द-फ्लाई फ़िल्टरिंग
• मल्टी-कॉलम डेटा प्रकार का पता लगाने के साथ छँटाई
• स्तंभ की चौड़ाई की स्मार्ट हैंडलिंग
• लगभग किसी भी डेटा स्रोत से डेटा प्रदर्शित करें
• DOM, जावास्क्रिप्ट सरणी, अजाक्स फ़ाइल और सर्वर-साइड प्रोसेसिंग (PHP, C #, पर्ल, रूबी, AIR, गियर आदि)
• टेबल व्यूपोर्ट के लिए स्क्रॉलिंग विकल्प
• पूरी तरह से अंतरराष्ट्रीय स्तर पर
• jQuery UI ThemeRoller समर्थन
• रॉक सॉलिड - 2600+ यूनिट परीक्षणों के एक सूट द्वारा समर्थित
• प्लग-इन इंक की विस्तृत विविधता। TableTools, FixedColumns, KeyTable और बहुत कुछ
• यह निःशुल्क है!
• राज्य की बचत
• छिपे हुए स्तंभ
• तालिकाओं का गतिशील निर्माण
• डेटा का अजाक्स ऑटो लोड हो रहा है
• कस्टम डोम स्थिति
• एकल स्तंभ फ़िल्टरिंग
• वैकल्पिक पेजिनेशन प्रकार
• गैर-विनाशकारी डोम इंटरैक्शन
• छँटाई स्तंभ (ओं) को उजागर करना
• उन्नत डेटा स्रोत विकल्प
• व्यापक प्लग-इन समर्थन
• सॉर्टिंग, टाइप डिटेक्शन, एपीआई फ़ंक्शंस, पेजेशन और फ़िल्टरिंग
• CSS द्वारा पूरी तरह से उपयोग करने योग्य
• ठोस दस्तावेज
• 110+ पूर्व-निर्मित उदाहरण
• Adobe AIR के लिए पूर्ण समर्थन

Comments

कृपया मुख्य विशेषताओं के लिए उचित प्रारूपण करें। सिर्फ कॉपी / पेस्ट का उपयोग न करें। कॉपी / पेस्ट के बाद एक बार इसे पढ़ना है?

"गैर-विनाशकारी डोम इंटरैक्शन" का क्या अर्थ है? यह समझने में कठिन समय क्यों है कि यह उपन्यास या एक विशेषता है, और यह क्या कवर / गारंटी देता है।

— जॉन ज़ब्रोस्की

@ जॉन को अब लिंक किए गए पेज पर इसका उल्लेख नहीं किया गया है, लेकिन यदि आप उस वाक्य के लिए वेब पर खोज करते हैं, तो आप पाएंगे "v1.4 में सबसे बड़ा बदलाव गैर-विनाशकारी डोम इंटरैक्शन है। इसका मतलब है कि डेटाटेबल्स अधिलेखित नहीं होंगे। तालिका तत्वों को कार्य करने के लिए (सच्ची प्रगतिशील वृद्धि!), बल्कि यह तत्वों को चारों ओर ले जाता है। v1.3 में और इससे पहले कि यह गतिशील रूप से प्रत्येक ड्रा पर tbody के लिए आवश्यक HTML बना दे, यह अब ऐसा नहीं है। तात्कालिक लाभ यह है कि मूल तालिका पर सभी विशेषताएँ (कक्षाएं आदि) संरक्षित हैं [...] "

— कोडकस्टर

यह मुफ्त सॉफ्टवेयर मुझे नहीं लगता, mmm, इसके साथ एक समस्या है।

— डेविड

लगता है कि ये कूल डेटाटेबल ग्रिड संपादन योग्य नहीं हैं, और यदि आपको इसकी आवश्यकता है - आपको संपादन योग्य संस्करण के लिए भुगतान करना होगा: editor.datatables.net/purchase/index

— yetanothercoder

Answer 3

डायनामिक JQuery ग्रिड के लिए मेरा सुझाव नीचे है।

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

सबसे अच्छा एक है:

DataTables jQuery जावास्क्रिप्ट पुस्तकालय के लिए एक प्लग-इन है। यह एक अत्यधिक लचीला उपकरण है, जो प्रगतिशील वृद्धि की नींव पर आधारित है, जो किसी भी HTML तालिका में उन्नत इंटरैक्शन नियंत्रण जोड़ देगा।

परिवर्तनीय लंबाई पृष्ठ पर अंक लगाना

ऑन-द-फ्लाई फ़िल्टरिंग

मल्टी-कॉलम डेटा प्रकार का पता लगाने के साथ छँटाई

स्तंभ की चौड़ाई की स्मार्ट हैंडलिंग

लगभग किसी भी डेटा स्रोत से डेटा प्रदर्शित करें

DOM, जावास्क्रिप्ट सरणी, अजाक्स फ़ाइल और सर्वर-साइड प्रोसेसिंग (PHP, C #, पर्ल, रूबी, AIR, गियर आदि)

टेबल व्यूपोर्ट के लिए स्क्रॉलिंग विकल्प

पूरी तरह से अंतरराष्ट्रीय स्तर पर

jQuery UI ThemeRoller समर्थन

रॉक सॉलिड - 2600+ यूनिट परीक्षणों के एक सूट द्वारा समर्थित

प्लग-इन इंक की विस्तृत विविधता। TableTools, FixedColumns, KeyTable और बहुत कुछ

तालिकाओं का गतिशील निर्माण

डेटा का अजाक्स ऑटो लोड हो रहा है

कस्टम डोम स्थिति

एकल स्तंभ फ़िल्टरिंग

वैकल्पिक पेजिनेशन प्रकार

गैर-विनाशकारी डोम इंटरैक्शन

छँटाई स्तंभ (ओं) को उजागर करना

उन्नत डेटा स्रोत विकल्प

व्यापक प्लग-इन समर्थन

सॉर्टिंग, टाइप डिटेक्शन, एपीआई फ़ंक्शंस, पेजेशन और फ़िल्टरिंग

CSS द्वारा पूरी तरह से उपयोग करने योग्य

ठोस दस्तावेज

110+ पूर्व-निर्मित उदाहरण

Adobe AIR के लिए पूर्ण समर्थन

Answer 4

Agiletoolkit.org पर एक नज़र डालें क्योंकि इसमें CRUD का उपयोग करने के लिए एक सरल है जो 2,4,6,7,9,10 और 12 आउट ऑफ़ द बॉक्स का समर्थन करता है (डेटा को जोड़ने, हटाने के दौरान ग्रिड को बचाने के लिए अजाक्स का उपयोग करता है और इसके साथ एकीकृत होता है) jQuery।

मैं फिलहाल कुछ उदाहरणों पर एक iPad पर पोस्ट करूंगा।