2017-04-20 106 views
0

我有這個任務需要在html中構建父/子視圖。不使用任何插件!ASP.NET MVC構建子/父樹

我已經在子節點的控制器中創建了一個數據庫和一個模型(H_Table)以及一個類(Element)。 但是,我如何得到這個一起工作。因此,它從模型中檢索數據將其傳遞給類並返回查看模型。我不確定我是否正確地解釋它。詢問。

我的模型:

namespace Tree_List.Models 

{ 
    using System; 
    using System.Collections.Generic; 

    public partial class H_Table 
    { 
     public int ID { get; set; } 
     public string NAME { get; set; } 
     public Nullable<int> PARENT_ID { get; set; } 
    } 

} 

我的控制器:

using System.Collections.Generic; 
using System.Web.Mvc; 
using Tree_List.Models; 

namespace Tree_List.Controllers 
{ 
    public class ListController : Controller 
    { 
     // GET: List 
     private Models.ListDBEntities1 db_connection = new Models.ListDBEntities1(); 

     public ActionResult Index() 
     { 
      var Items = db_connection.H_Table; 

      return View(Items); 
     } 
    } 

    public partial class Element 
    { 
     public int ID { get; set; } 
     public string NAME { get; set; } 
     public List<Element> CHILDS { get; set; } 

    } 
} 
+0

與數據表去,https://datatables.net/examples/api/row_details.html。 – Bharat

+0

@Bharat我很少使用插件!用於數據表的 – SonOfAGun

+0

,你只需要js文件,沒有別的。它很容易使用.. – Bharat

回答

0

如果我得到你的問題的權利,你要呈現在視圖中你這個層次數據。要做到這一點,你必須使用JavaScript和jQuery呈現此數據有關於如何做到這一點像噸準備庫和開源的例子:

https://www.codeproject.com/tips/696985/how-to-create-treeview-in-mvc

https://www.mindstick.com/Articles/1119/using-treeview-in-asp-dot-net-mvc

你可以看到他們,自己寫一個像他們一樣。另外請看Telerik更抽象的工具。

希望它能幫助:)