2014-04-01 227 views
5

哪個是MVC中最好的treeview jQuery插件?這是最好的treeview jQuery插件在MVC中使用?

我有點困惑哪一個使用?

  1. jQuery的樹形
  2. DYNA樹視圖
  3. jstree的TreeView
  4. 任何其他?

我一直在一個巨大的項目,有ATLEAST 6米的屏幕,這將有樹視圖顯示與複選框,鏈接等動態數據

回答

3

我不知道緊靠最好的..但 JStree是相當不錯的一個全面的...

http://www.jstree.com/

我還創建服務器的包裝,讓你使用一個簡單的HTML幫助

輕鬆創建樹視圖

https://jstreemvcwrapper.codeplex.com/

這裏是基本用法的代碼示例:

@(Html.JSTreeView(Model.TreeNodes) 
.ContrainerID("TreeContainer") 
.Children(n => n.Childern) 
.ItemID(n=>n.NodeID.ToString()) 
.ItemType(n=>n.NodeType.ToString()) 
.IsSelected(n=> n.NodeID == 1) 
.OnNodeSelect("onTreeFolderSelected") 
.Plugins("wholerow", "types") 
.CoreConfig(new 
{ 
     expand_selected_onload = true, 
     multiple = false 
}) 
.TypesConfig(new 
{ 
     Root = new { icon = "../Content/jsTree/Root.png" }, 
     Folder = new { icon = "../Content/jsTree/Folder.png" }, 
     File = new { icon = "../Content/jsTree/File.png" }, 
     @default = new { icon = "../Content/jsTree/Folder.png" } 
}) 
.ItemTemplate(@<text> <a href="#" >@item.NodeName</a> </text>)) 
1

Jstree是一個不錯的選擇,但它的文檔並不理想,你一定會在得到任務完成的痛苦,但一旦你瞭解它,然後這很簡單。

在開始項目列表之前,我會建議您在樹上進行所有操作,以便能夠做出最佳選擇。

爲了有效地使用jstree,您需要對javascript,ajax,jquery有很好的瞭解,否則您可能會陷入嚴重困境。

你也可以看看zTree的情況。

另外還有一個選項,但不是MIT許可證,即Extjs,它很好,許多其他組件都可以使用,但它有一個傾斜的曲線,你不能馬上開始使用它。

我會再次建議您列出所有可能的操作,您將在樹上進行操作,以便我可以告訴您jstree是否是一個好選擇或不是因爲正在處理需要樹視圖的項目我有一些體驗jstree。

相關問題