Создание формы из рекурсивной модели

Question

У меня есть рекурсивная модель, как это:

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>(); 
    } 
} 

Я строй дерева с ним жгутами вида бритвы, используя этот код:

<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> 
} 

все работает отлично, мое дерево отображает, но мне нужно добавить текстовое поле на каждую строку дерева, и мне нужно ввести такие имена:

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

Так что моя привязка к модели будет работать так, как ожидалось.

Есть ли какой-либо способ с помощью EditorTemplates или что-то еще для этого?

Я хочу избежать ввода имен ввода в javascript на форме submit.

Answer 1

Вы можете использовать шаблоны редактора, которые уважают текущий навигационный контекст, а не такой @helper.

Так определить пользовательский шаблон редактора для Node типа (~/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> 

, а затем в какой-то главном экране:

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

где Menu свойство, очевидно, типа Node.