خلق للفرز شجرة/الشبكة في جافا سكريبت [مغلقة]

Question

أود أن إنشاء بنية شجرة من JSON, ولكن مع العديد من الأعمدة التي يمكن فرزها.لقد رأيت الكثير من تطبيقات الأشجار وشبكات ولكن لا أحد مختلطة.

لا أحد يعرف من البرنامج المساعد أو ميزة عن أي جافا سكريبت الأدوات التي يمكن أن تجعل هذا يحدث حتى لا تضطر إلى إعادة اختراع العجلة هنا ؟

Answer 1

وهذا يبدو لطيفا جدا: HTTP: //www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html

ويستخدم ExtJS، التي لديها بعض القيود الترخيص لديك للنظر فيها.

Answer 2

وجدت جميع هذه المكونات:

• Coqsoft Treegrid, والتجارية يبدو غير plus ultra!
• Ext JS, التجارية:
  • عمود شجرة المكونات *
  • متداخلة الشبكة, هذا هو الشبكة المساعد مع صف المتوسع تعديل بواسطة ميخائيل
  • تحويلة.ux.maximgb.treegrid, آخر وزارة الدفاع ، ماكس (واحد المقترحة من قبل eyelidlessness)
• JQTreeTable, الحد الأدنى, يتطلب مسج *
• Treetable, البرنامج المساعد مسج *
• دوجو-treetable, استنادا إلى دوجو *
• Maxdesign, انها مجرد جيدة css *

* لا يبدو للفرز

شخصيا أحاول Treetable و بعد بعض تكوينات (يفتشون في الأمثلة في مصدر من الوثائق الصفحة...), أنا أستمتع البساطة والوضوح.

Answer 3

وبعد بحث طويل لtreegrid، أفضل واحد التي جئت عبر هو من jeasyui.com

http://www.jeasyui.com/demo/main /index.php؟plugin=TreeGrid

Answer 4

jstree المساعد لمسج تعادل مع البرنامج المساعد لها من <لأ href = "HTTPS: // github.com/deitch/jstree-grid "يختلط =" نوفولو noreferrer "> jstree الشبكة يمكن التعامل مع الفرز (الفرز هو <وأ href =" http://www.jstree.com/documentation/sort " يختلط = "نوفولو noreferrer"> المساعد لjstree الرئيسية ) أن تكون مرنة جدا (وإعادة يستخدم موضوع مسج UI تطبيق).

هل هذا هو نوع من شبكة كنت تبحث عنه؟ مثل ينتهي بك الأمر مع وجهة نظر جزيلا:

والفرز من العمود سيكون لديك لإضافة يدويا ثم <وأ href = "https://groups.google.com/forum/؟fromgroups=#!topic/jstree/5jTBy1Fn2pU" يختلط = "نوفولو noreferrer" > يؤدي إلى إعادة الفرز .

Answer 5

وهنا مثال "الرسمية" وكذلك (شبكة الأعلى على الصفحة)، وذلك باستخدام RowExpander UX.

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

Answer 6

لديها

وDHTMLX أيضا عنصر TreeGrid جافا سكريبت (يدعم الفرز وغيرها من الميزات المتعلقة الشبكة): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

و(تنويه: أعمل لDHTMLX)

Answer 7

ولكن treegrid آخر مع دعم لألبس الحذاء. http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html