ASP.NET MVC部分ビュー：入力名のプレフィックス

私はViewModelのようなものと仮定します

public class AnotherViewModel
{
   public string Name { get; set; }
}
public class MyViewModel
{
   public string Name { get; set; }
   public AnotherViewModel Child { get; set; }
   public AnotherViewModel Child2 { get; set; }
}

ビューでは、パーシャルをレンダリングできます

<% Html.RenderPartial("AnotherViewModelControl", Model.Child) %>

部分的にやります

<%= Html.TextBox("Name", Model.Name) %>
or
<%= Html.TextBoxFor(x => x.Name) %>

ただし、問題は、モデルバインダーが適切に機能するためにname = "Child.Name"が必要な一方で、両方がname = "Name"をレンダリングすることです。または、同じ部分ビューを使用して2番目のプロパティをレンダリングするとき、name = "Child2.Name"。

部分ビューに必要なプレフィックスを自動的に認識させるにはどうすればよいですか？パラメータとして渡すことはできますが、不便です。これは、たとえば再帰的にレンダリングしたい場合はさらに悪化します。プレフィックスを付けて部分的なビューをレンダリングする方法、または呼び出し側のラムダ式を自動調整して、

<% Html.RenderPartial("AnotherViewModelControl", Model.Child) %>

正しい「子」が自動的に追加されます。生成された名前/ ID文字列のプレフィックス？

サードパーティのビューエンジンやライブラリを含む、あらゆるソリューションを受け入れることができます-私は実際にはSpark View Engine（そのマクロを使用して問題を「解決」）とMvcContribを使用していますが、そこでソリューションは見つかりませんでした。XForms、InputBuilder、MVC v2-この機能を提供するあらゆるツール/洞察は素晴らしいでしょう。

現在私はこれを自分でコーディングすることを考えていますが、それは時間の無駄のようです。この些細なことはまだ実装されていないとは信じられません。

多くの手動による解決策が存在する可能性があり、それらはすべて歓迎されます。たとえば、パーシャルをIPartialViewModel <T> {public string Prefix;に基づくように強制できます。Tモデル; }。しかし、私はむしろいくつかの既存の/承認されたソリューションを好みます。

更新：ここに回答がない同様の質問があります。

これにより、Htmlヘルパークラスを拡張できます。

using System.Web.Mvc.Html


 public static MvcHtmlString PartialFor<TModel, TProperty>(this HtmlHelper<TModel> helper, System.Linq.Expressions.Expression<Func<TModel, TProperty>> expression, string partialViewName)
    {
        string name = ExpressionHelper.GetExpressionText(expression);
        object model = ModelMetadata.FromLambdaExpression(expression, helper.ViewData).Model;
        var viewData = new ViewDataDictionary(helper.ViewData)
        {
            TemplateInfo = new System.Web.Mvc.TemplateInfo
            {
                HtmlFieldPrefix = name
            }
        };

        return helper.Partial(partialViewName, model, viewData);

    }

そして単にこのようにあなたのビューでそれを使用してください：

<%= Html.PartialFor(model => model.Child, "_AnotherViewModelControl") %>

すべてが大丈夫であることがわかります！

これまでのところ、私はこの最近の投稿で見つけたものと同じものを探していました：

http://davybrion.com/blog/2011/01/prefixing-input-elements-of-partial-views-with-asp-net-mvc/

<% Html.RenderPartial("AnotherViewModelControl", Model.Child, new ViewDataDictionary
{
    TemplateInfo = new System.Web.Mvc.TemplateInfo { HtmlFieldPrefix = "Child1" }
})
%>

私の答えは、Ivan Zlatevのコメントを含むMahmoud Moravejの答えに基づいています。

    public static MvcHtmlString PartialFor<TModel, TProperty>(this HtmlHelper<TModel> helper, System.Linq.Expressions.Expression<Func<TModel, TProperty>> expression, string partialViewName)
    {
            string name = ExpressionHelper.GetExpressionText(expression);
            object model = ModelMetadata.FromLambdaExpression(expression, helper.ViewData).Model;
            StringBuilder htmlFieldPrefix = new StringBuilder();
            if (helper.ViewData.TemplateInfo.HtmlFieldPrefix != "")
            {
                htmlFieldPrefix.Append(helper.ViewData.TemplateInfo.HtmlFieldPrefix);
                htmlFieldPrefix.Append(name == "" ? "" : "." + name);
            }
            else
                htmlFieldPrefix.Append(name);

            var viewData = new ViewDataDictionary(helper.ViewData)
            {
                TemplateInfo = new System.Web.Mvc.TemplateInfo
                {
                    HtmlFieldPrefix = htmlFieldPrefix.ToString()
                }
            };

        return helper.Partial(partialViewName, model, viewData);
    }

編集：Mohamoudの答えは、ネストされた部分レンダリングでは正しくありません。必要な場合にのみ、新しいプレフィックスを古いプレフィックスに追加する必要があります。これは最新の回答（：

MVC2を使用すると、これを実現できます。

これは強く型付けされたビューです：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcLearner.Models.Person>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Create
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Create</h2>

    <% using (Html.BeginForm()) { %>
        <%= Html.LabelFor(person => person.Name) %><br />
        <%= Html.EditorFor(person => person.Name) %><br />
        <%= Html.LabelFor(person => person.Age) %><br />
        <%= Html.EditorFor(person => person.Age) %><br />
        <% foreach (String FavoriteFoods in Model.FavoriteFoods) { %>
            <%= Html.LabelFor(food => FavoriteFoods) %><br />
            <%= Html.EditorFor(food => FavoriteFoods)%><br />
        <% } %>
        <%= Html.EditorFor(person => person.Birthday, "TwoPart") %>
        <input type="submit" value="Submit" />
    <% } %>

</asp:Content>

これは、子クラスの厳密に型指定されたビューです（これは、EditorTemplatesと呼ばれるビューディレクトリのサブフォルダに格納する必要があります）。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<MvcLearner.Models.TwoPart>" %>

<%= Html.LabelFor(birthday => birthday.Day) %><br />
<%= Html.EditorFor(birthday => birthday.Day) %><br />

<%= Html.LabelFor(birthday => birthday.Month) %><br />
<%= Html.EditorFor(birthday => birthday.Month) %><br />

これがコントローラです：

public class PersonController : Controller
{
    //
    // GET: /Person/
    [AcceptVerbs(HttpVerbs.Get)]
    public ActionResult Index()
    {
        return View();
    }

    [AcceptVerbs(HttpVerbs.Get)]
    public ActionResult Create()
    {
        Person person = new Person();
        person.FavoriteFoods.Add("Sushi");
        return View(person);
    }

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Create(Person person)
    {
        return View(person);
    }
}

カスタムクラスは次のとおりです。

public class Person
{
    public String Name { get; set; }
    public Int32 Age { get; set; }
    public List<String> FavoriteFoods { get; set; }
    public TwoPart Birthday { get; set; }

    public Person()
    {
        this.FavoriteFoods = new List<String>();
        this.Birthday = new TwoPart();
    }
}

public class TwoPart
{
    public Int32 Day { get; set; }
    public Int32 Month { get; set; }
}

そして出力ソース：

<form action="/Person/Create" method="post"><label for="Name">Name</label><br /> 
    <input class="text-box single-line" id="Name" name="Name" type="text" value="" /><br /> 
    <label for="Age">Age</label><br /> 
    <input class="text-box single-line" id="Age" name="Age" type="text" value="0" /><br /> 
    <label for="FavoriteFoods">FavoriteFoods</label><br /> 
    <input class="text-box single-line" id="FavoriteFoods" name="FavoriteFoods" type="text" value="Sushi" /><br /> 
    <label for="Birthday_Day">Day</label><br /> 
    <input class="text-box single-line" id="Birthday_Day" name="Birthday.Day" type="text" value="0" /><br /> 

    <label for="Birthday_Month">Month</label><br /> 
    <input class="text-box single-line" id="Birthday_Month" name="Birthday.Month" type="text" value="0" /><br /> 
    <input type="submit" value="Submit" /> 
</form>

これで完了です。ポストコントローラーの作成アクションにブレークポイントを設定して確認します。ただし、これは機能しないため、リストでは使用しないでください。詳細については、IEnumerableでのEditorTemplatesの使用に関する私の質問を参照してください。

これは古い質問ですが、解決策を探してここに到着した人EditorForは、https://stackoverflow.com/a/29809907/456456のコメントで提案されているように、の使用を検討してください。部分ビューからエディターテンプレートに移動するには、次の手順に従います。

1. 部分ビューがComplexTypeにバインドされていることを確認します。

2. 部分ビューを現在のビューフォルダーのサブフォルダーEditorTemplates、またはフォルダーSharedに移動します。現在、これはエディターテンプレートです。

3. に変更@Html.Partial("_PartialViewName", Model.ComplexType)し@Html.EditorFor(m => m.ComplexType, "_EditorTemplateName")ます。エディターテンプレートは、複合型の唯一のテンプレートである場合はオプションです。

HTML入力要素には自動的に名前が付けられComplexType.Fieldnameます。

誰かがそれを必要とする場合のasp.net Core 2のPartailFor。

    public static ModelExplorer GetModelExplorer<TModel, TResult>(this IHtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TResult>> expression)
    {
        if (expression == null)
            throw new ArgumentNullException(nameof(expression));
        return ExpressionMetadataProvider.FromLambdaExpression(expression, htmlHelper.ViewData, htmlHelper.MetadataProvider);
    }

    public static IHtmlContent PartialFor<TModel, TResult>(this IHtmlHelper<TModel> helper, Expression<Func<TModel, TResult>> expression, string partialViewName, string prefix = "")
    {
        var modelExplorer = helper.GetModelExplorer(expression);
        var viewData = new ViewDataDictionary(helper.ViewData);
        viewData.TemplateInfo.HtmlFieldPrefix += prefix;
        return helper.Partial(partialViewName, modelExplorer.Model, viewData);
    }

私もこの問題に遭遇し、多くの苦痛の後、入れ子になったモデルオブジェクトをポストバックする必要がないように、インターフェイスを再設計する方が簡単であることがわかりました。これにより、インターフェイスのワークフローを変更せざるを得なくなりました。ユーザーが1つのステップでやりたかったことを2つのステップで実行する必要があることを確認しましたが、新しいアプローチの使いやすさとコードの保守性は、私にとって今より大きな価値があります。

これが一部に役立つことを願っています。

プレフィックスを受け取り、それをViewDataにポップするRenderPartialのヘルパーを追加できます。

    public static void RenderPartial(this HtmlHelper helper,string partialViewName, object model, string prefix)
    {
        helper.ViewData["__prefix"] = prefix;
        helper.RenderPartial(partialViewName, model);
    }

次に、ViewData値を連結する追加のヘルパー

    public static void GetName(this HtmlHelper helper, string name)
    {
        return string.Concat(helper.ViewData["__prefix"], name);
    }

ので、ビューで...

<% Html.RenderPartial("AnotherViewModelControl", Model.Child, "Child.") %>

部分的に...

<%= Html.TextBox(Html.GetName("Name"), Model.Name) %>

あなたと同じように、モデルにバインドされた入力名の前に追加するViewModelにPrefixプロパティ（文字列）を追加します。（YAGNIが以下を防ぐ）

よりエレガントなソリューションは、このプロパティを持つベースビューモデルと、ビューモデルがこのベースから派生しているかどうかをチェックし、そうである場合は入力名にプレフィックスを追加するHtmlHelpersです。

お役に立てれば幸いです。

ダン

RenderPartialを呼び出す直前にどうですか

<% ViewData["Prefix"] = "Child."; %>
<% Html.RenderPartial("AnotherViewModelControl", Model.Child) %>

次に、あなたの部分であなたが持っています

<%= Html.TextBox(ViewData["Prefix"] + "Name", Model.Name) %>