2008-10-10 28 views
6

में एक क्रमबद्ध पेड़/ग्रिड बनाना, मैं जेएसओएन से एक वृक्ष संरचना बनाना चाहता हूं, लेकिन कई कॉलम जिन्हें सॉर्ट किया जा सकता है। मैंने पेड़ और ग्रिड के बहुत सारे कार्यान्वयन देखा है लेकिन कभी भी मिश्रित नहीं हुआ।जावास्क्रिप्ट

क्या किसी को किसी भी जावास्क्रिप्ट टूलकिट के लिए प्लगइन या फीचर के बारे में पता है जो ऐसा कर सकता है इसलिए मुझे यहां पहिया का पुन: आविष्कार करने की आवश्यकता नहीं है?

+0

अरे एरिक- क्या आप इसे थोड़ा और समझा सकते हैं? ऐसा लगता है कि आप नए का वर्णन कर रहे हैं, लेकिन फिर आप कुछ ऐसी चीज मांग रहे हैं जो मौजूद है .. मुझे यकीन नहीं है कि मैं समझता हूं कि आप वास्तव में निर्माण करने की कोशिश कर रहे हैं। – keparo

+0

क्या यह है कि आपके पास प्रकृति JSON ऑब्जेक्ट में समान प्रकार की एक सरणी है और आप ऑब्जेक्ट की उस सरणी को एक या अधिक कुंजी से सॉर्ट करना चाहते हैं? यदि ऐसा है तो मुझे आपकी आवश्यकता है: पी – matdumsa

+0

http://www.htmltreegrid.com/ –

उत्तर

7

यह सुंदर अच्छा लगता है: http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html

का उपयोग करता है ExtJS है, जो कुछ लाइसेंस सीमाओं आप ध्यान में रखना होगा है।

+0

पर एक नज़र डालें जो वास्तव में मुझे चाहिए। वास्तव में, हम पहले ही एक्सटी-जेएस का उपयोग कर रहे हैं। धन्यवाद!! –

+0

भविष्य के लिए, यदि आप एक विजेट की तलाश में हैं और इसका वर्णन कर सकते हैं, तो शायद यह पहले से ही एक्स्टजेस में किया जा चुका है। ;) – eyelidlessness

0

RowExpander UX का उपयोग करके, यहां "आधिकारिक" उदाहरण भी है (पृष्ठ पर शीर्ष ग्रिड)।

http://extjs.com/deploy/dev/examples/grid/grid3.html

+0

लिंक अब मौजूद नहीं है। – Chau

+1

@ चाउ @ जेसन मुझे लगता है कि यह नया लिंक है: http://dev.sencha.com/playpen/ext-2.0/examples/grid/grid3.html – bluish

5

मैंने पाया इन सभी घटकों:

  • Coqsoft Treegrid, वाणिज्यिक, गैर प्लस अल्ट्रा लगता है!
  • Ext JS, वाणिज्यिक:
  • JQTreeTable द्वारा, न्यूनतम, jQuery *
  • Treetable, jQuery के लिए प्लगइन की आवश्यकता है *
  • dojo-treetable, डोजो *
  • Maxdesign के आधार पर, यह बस है एक अच्छा सीएसएस *

* लगता नहीं sortable

व्यक्तिगत तौर पर मैं Treetable कोशिश कर रहा हूँ और कुछ विन्यास के बाद (तलाशी प्रलेखन पृष्ठ के स्रोत में उदाहरणों में ...), मैं इसकी सादगी और स्पष्टता का आनंद ले रहा हूं।

0

DHTMLX भी TreeGrid जावास्क्रिप्ट घटक (समर्थन करता है, छंटाई और अन्य ग्रिड से संबंधित सुविधाओं) है: http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(अस्वीकरण: मैं DHTMLX के लिए काम करते हैं)

1

jQuery के लिए jstree प्लगइन के अपने प्लगइन के साथ करार jstree-grid सॉर्टिंग को संभाल सकता है (सॉर्टिंग plugin to the main jstree है) जो काफी लचीला है (और आपके द्वारा लागू jQuery UI थीम का पुनः उपयोग करता है)।

क्या वह ग्रिड है जिसे आप ढूंढ रहे हैं? आप बहुत अधिक दृश्य के साथ समाप्त होते हैं: jstree-grid-with-sort-themerolled

कॉलम द्वारा सॉर्टिंग आपको मैन्युअल रूप से जोड़ना होगा और फिर trigger a re-sort

+0

हाय, क्या आप उपर्युक्त उदाहरण के बारे में कुछ कोड साझा कर सकते हैं? धन्यवाद – byteBiter

संबंधित मुद्दे