調査要求
- 2段階のtreeを表示できること
- 第一段階のサブ内容を表示/非表示できること
- スマホでも利用できること: iOS safari, Android: chrome
- bootstrap風が一番よい、windows風がよい
ざっくり調査
- jquery pluginでtreeで検索して、表示されるランク
- 20+ jQuery Treeview Plugin & jQuery Tree with Example
jquery library, google, stackoverflowで検索結果
評価
| jquery plugin | jquery plugin のランク(treeで検索結果) | ライセンス | API | デザイン | PC操作 | スマホ操作 | 評価 | 補足 |
|---|---|---|---|---|---|---|---|---|
| jstree | +7 | +2(MIT license) | +2 | +2(windows風) | +2 | +2 | 1位:17 | -- |
| fancytree | +6 | +2(MIT license) | +2 | +3 | +2 | +1 | 2位:16) | -- |
| jqtree | +4 | +2(Apache2.0) | +4 | +1 | +2 | +1 | A(3位:14) | -- |
| bootstrap tree view | +1 | +1(Apache2.0) | +2 | +3 | +2 | +2 | 4位:11 | -- |
| jquery treetable | +3 | +1(GPLv2,MIT) | +1 | +2 | +2 | +1 | 5位:10 | -- |
| treegrid jquery | +2 | 0(不明) | +1 | +2 | +2 | +1 | 6位:8 | -- |
| treeview jquery | - | -(MIT) | - | - | - | - | 7位 | Note that this project is not actively maintained anymore |
その他
- Mobiscroll Treelist Scroller - 有料
- zTree.v3
- aciTree
評価基準の説明
- ざっくり調査のランク結果
- +7, +6, +5, +4, +3, +2, +1, 0, 0......
- ライセンス
- 厳しくない: +2
- 厳しい：0
- API
- 豊富：+4
- 理解やすい(current node)：+2
- 理解やすい：+1
- なし：0
- デザイン
- bootstrap: +3
- よいwindows風： +2
- よい： +1
- よくない： 0
- PC操作
- とても良い： +2
- 操作しやすい：+1
- 操作しにくい：0
- スマホ操作
- とても良い： +3
- 操作しやすい：+1
- 操作しにくい：0
- 評価
- (n位:得分)
結果
- UIと実装よい： fancytree(bootstrap対応可)
- 実装よい： jstree
- UIよい：bootstrap view