Javascriptでソート可能なツリー/グリッドを作成する[終了]
-
10-07-2019 - |
質問
JSONからツリー構造を作成したいのですが、複数の列を並べ替えることができます。私は木とグリッドの実装をたくさん見ましたが、それらが混在することはありませんでした。
これを実現できるJavascriptツールキットのプラグインまたは機能を知っている人はいますか?
解決
これはかなり良いようです: http://www.max -bazhenov.com/dev/ux.maximgb.treegrid/index.html
ExtJSを使用します。これには、考慮しなければならないライセンス制限がいくつかあります。
他のヒント
これらすべてのコンポーネントが見つかりました:
- Coqsoft Treegrid は、商業的であり、ウルトラプラスではないようです!
- Ext JS 、商用:
- 列ツリーコンポーネント*
- ネストされたグリッド、つまり行エキスパンダー付きグリッドプラグインはミハイルによって修正
- Ext.ux.maximgb.treegrid 、マックスによる別のmod(まぶたの無さによって提案されたもの)
- JQTreeTable 、最小、jQueryが必要*
- Treetable 、jQuery用プラグイン*
- dojo-treetable 、Dojoに基づく*
- Maxdesign 、これは単なる優れたCSS *
*はソートできないようです
個人的には Treetable を試していますが、いくつかの構成(ドキュメントページのソースの例を参照)の後、そのシンプルさと明快さを楽しんでいます。
ツリーグリッドについての長い研究の後、私が出会った中で最高のものはjeasyui.comからです
http://www.jeasyui.com/demo/main /index.php?plugin=TreeGrid
それはあなたが探している種類のグリッドですか?次のようなビューになります。
列ごとのソートは、手動で追加してから再ソートをトリガー。
こちらは「公式」です例(ページの一番上のグリッド)、RowExpander UXを使用。
DHTMLXには、TreeGrid JavaScriptコンポーネントもあります(ソートおよびその他のグリッド関連機能をサポートします)。 http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(免責事項:私はDHTMLXで働いています)
ブートストラップをサポートする別のツリーグリッド。 http://maxazan.github.io/jquery-treegrid/examples /example-bootstrap-3.html