Tạo một biểu mẫu từ mô hình đệ quy

Question

Tôi có một mô hình đệ quy như thế này:

public class Node 
{ 
    public int Id { get; set; } 
    public string Text { get; set; } 
    public IList<Node> Childs { get; set; } 

    public Node() 
    { 
     Childs = new List<Node>(); 
    } 
} 

Tôi đang xây dựng một cây với nó withing một cái nhìn dao cạo bằng cách sử dụng mã này:

<ul> 
    @DisplayNode(Model) 
</ul> 

@helper DisplayNode(Node node) { 
    <li> 
     @node.Text 

     @if(node.Childs.Any()) 
     { 
      <ul> 
       @foreach(var child in node.Childs) 
       { 
        @DisplayNode(child) 
       } 
      </ul> 
     } 
    </li> 
} 

công trình Tất cả mọi thứ tốt, cây của tôi ám, nhưng tôi cần phải thêm một hộp văn bản trên mỗi hàng của cây và tôi muốn phải nhập tên như thế này:

Childs[0].Childs[1].Childs[2].Text 

Vì vậy, mô hình ràng buộc của tôi sẽ làm việc như mong đợi.

Có cách nào bằng cách sử dụng EditorTemplates hoặc bất kỳ thứ gì khác để đạt được điều này không?

Tôi muốn tránh tạo tên đầu vào trong javascript khi gửi biểu mẫu.

Answer 1

Bạn có thể sử dụng các mẫu trình chỉnh sửa tôn trọng ngữ cảnh điều hướng hiện tại thay vì @helper.

Vì vậy, xác định một mẫu biên tập tùy chỉnh cho Node loại (~/Views/Shared/EditorTemplates/Node.cshtml):

@model Node 
<li> 
    @Html.LabelFor(x => x.Text) 
    @Html.EditorFor(x => x.Text) 
    @if (Model.Childs.Any()) 
    { 
     <ul> 
      @Html.EditorFor(x => x.Childs) 
     </ul> 
    } 
</li> 

và sau đó bên trong một số giao diện chính:

@model MyViewModel 
<ul> 
    @Html.EditorFor(x => x.Menu) 
</ul> 

nơi Menu tài sản rõ ràng là kiểu Node.