asp.net MVC - 这是在 MVC 中使用的最佳 TreeView jquery 插件



哪个是MVC中使用的最佳树视图jquery插件?

我有点困惑使用哪一个?

  1. jquery 树视图
  2. 戴纳树视图
  3. jstree TreeView
  4. 还有其他的吗?

我一直在从事一个大型项目,该项目至少有 6 个屏幕,这些屏幕将具有树视图以显示带有复选框、链接等的动态数据。

我不知道

最好的.. 但是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>))

Jstree是一个不错的选择,但它的文档并不令人满意,你肯定会在完成任务时感到痛苦,但是一旦你理解了它,那么它就很简单了。

我建议在开始项目之前列出您将在树上执行的所有操作,以便做出最佳选择。

你需要对javascript,ajax,jquery有很好的了解,以便有效地使用jstree,否则你可能会陷入困境。

你也可以看看 zTree 以防万一。

还有一个选项,但不是 MIT 许可证 ,即 Extjs ,它非常好,有很多其他组件可供使用,但它有一个倾斜曲线,您无法立即开始使用它。

我再次建议您列出您将在树上执行的所有可能的操作,以便我可以告诉您jstree是否是一个不错的选择,因为正在处理需要树视图的项目,我对jstree有一些经验。

最新更新