7

次のような再帰モデルがあります。

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 で入力名を作成することは避けたいと思います。

4

1 に答える 1

6

そのようなの代わりに、現在のナビゲーション コンテキストを尊重するエディター テンプレートを使用できます@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プロパティは明らかに typeNodeです。

于 2012-06-28T06:34:18.813 に答える