javascript - Javascript でソート可能なツリー/グリッドを作成する

Question

JSON からツリー構造を作成したいのですが、複数の列を並べ替えることができます。ツリーとグリッドの多くの実装を見てきましたが、混在したことはありません。

これを実現できるJavascriptツールキットのプラグインまたは機能を知っている人はいますか?

score 8 · Accepted Answer

ExtJS を使用しますが、これには考慮しなければならないライセンス制限がいくつかあります。

score 5 · Accepted Answer

これらすべてのコンポーネントを見つけました：

Coqsoft Treegrid、コマーシャルは、非プラス超のようです!
Ext JS、コマーシャル:
- 列ツリーコンポーネント *
- Nested Grid、つまりMikhail によって変更されたRow Expander を備えた Grid Plugin
- Ext.ux.maximgb.treegrid、Max による別の mod (eyelidlessness によって提案されたもの)
JQTreeTable、最小限、jQuery が必要 *
Treetable、jQuery用プラグイン *
Dojoに基づくdojo-treetable *
Maxdesign、それは単に優れた CSS です *

* ソートできないようです

個人的に私はTreetableを試しており、いくつかの設定 (ドキュメンテーションページのソースにある例を調べて...) の後、そのシンプルさと明快さを楽しんでいます。

score 3 · Accepted Answer

ツリーグリッドの長い調査の後、私が出会った最高のものは jeasyui.com からのものです

ここに画像の説明を入力

score 2 · Accepted Answer

jstree-gridのプラグインと関連付けられた jQueryのjstreeプラグインは、非常に柔軟な (そして適用する jQuery UI テーマを再利用する)並べ替えを処理できます (並べ替えはメインの jstree へのプラグインです)。

それはあなたが探しているグリッドのようなものですか？次のようなビューになります。 jstree-grid-with-sort-themerolled

列による並べ替えは、手動で追加してからre-sort をトリガーする必要があります。

score 0 · Accepted Answer

RowExpander UXを使用した「公式」の例（ページの上部のグリッド）もここにあります。

score 0 · Accepted Answer

ブートストラップをサポートするさらに別のツリーグリッド。 http://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html

score 0 · Accepted Answer

DHTMLX には TreeGrid JavaScript コンポーネントもあります (並べ替えやその他のグリッド関連機能をサポートします): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(免責事項: 私は DHTMLX で働いています)

7 に答える 7