ASP.NET MVC-Teilansichten: Präfixe für Eingabenamen

Angenommen, ich habe ViewModel wie

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

In der Ansicht kann ich einen Teil mit rendern

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

Im Teil werde ich tun

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

Das Problem ist jedoch, dass beide name = "Name" rendern, während name = "Child.Name" erforderlich ist, damit der Modellordner ordnungsgemäß funktioniert. Oder name = "Child2.Name", wenn ich die zweite Eigenschaft mit derselben Teilansicht rendere.

Wie lasse ich meine Teilansicht das erforderliche Präfix automatisch erkennen? Ich kann es als Parameter übergeben, aber das ist zu unpraktisch. Dies ist noch schlimmer, wenn ich es beispielsweise rekursiv rendern möchte. Gibt es eine Möglichkeit, Teilansichten mit einem Präfix oder, noch besser, mit einer automatischen Neukonfiguration des aufrufenden Lambda-Ausdrucks zu rendern?

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

fügt automatisch das richtige "Kind" hinzu. Präfix zu den generierten Name / ID-Zeichenfolgen?

Ich kann jede Lösung akzeptieren, einschließlich View Engine und Bibliotheken von Drittanbietern. Ich verwende tatsächlich Spark View Engine (ich "löse" das Problem mithilfe seiner Makros) und MvcContrib, habe dort jedoch keine Lösung gefunden. XForms, InputBuilder, MVC v2 - jedes Tool / jede Erkenntnis, die diese Funktionalität bietet, ist großartig.

Momentan denke ich darüber nach, dies selbst zu codieren, aber es scheint Zeitverschwendung zu sein. Ich kann nicht glauben, dass dieses triviale Zeug noch nicht implementiert ist.

Möglicherweise gibt es viele manuelle Lösungen, und alle sind willkommen. Zum Beispiel kann ich erzwingen, dass meine Partials auf IPartialViewModel <T> {public string Prefix; T-Modell; }. Aber ich würde lieber eine bestehende / genehmigte Lösung bevorzugen.

UPDATE: es gibt eine ähnliche Frage ohne Antwort hier .

Sie können die HTML-Hilfsklasse folgendermaßen erweitern:

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

    }

und verwenden Sie es einfach in Ihren Ansichten wie folgt:

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

und Sie werden sehen, dass alles in Ordnung ist!

Bisher habe ich nach dem gesucht, was ich in diesem letzten Beitrag gefunden habe:

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" }
})
%>

Meine Antwort basiert auf der Antwort von Mahmoud Moravej, einschließlich des Kommentars von Ivan Zlatev.

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

Bearbeiten: Die Antwort von Mohamoud ist für verschachteltes partielles Rendern falsch. Sie müssen das neue Präfix nur dann an das alte Präfix anhängen, wenn dies erforderlich ist. Dies war in den letzten Antworten nicht klar (:

Mit MVC2 können Sie dies erreichen.

Hier ist die stark typisierte Ansicht:

<%@ 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>

Hier ist die stark typisierte Ansicht für die untergeordnete Klasse (die in einem Unterordner des Ansichtsverzeichnisses namens EditorTemplates gespeichert werden muss):

<%@ 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 />

Hier ist der Controller:

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

Hier sind die benutzerdefinierten Klassen:

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

Und die Ausgabequelle:

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

Nun ist dies abgeschlossen. Legen Sie in der Aktion "Post-Controller erstellen" einen Haltepunkt fest, um dies zu überprüfen. Verwenden Sie dies jedoch nicht mit Listen, da dies nicht funktioniert. Weitere Informationen hierzu finden Sie in meiner Frage zur Verwendung von EditorTemplates mit IEnumerable.

Dies ist eine alte Frage, aber für alle, die hier ankommen und nach einer Lösung suchen, sollten Sie die Verwendung in Betracht ziehen EditorFor, wie in einem Kommentar unter https://stackoverflow.com/a/29809907/456456 vorgeschlagen . Führen Sie die folgenden Schritte aus, um von einer Teilansicht zu einer Editorvorlage zu wechseln.

1. Stellen Sie sicher, dass Ihre Teilansicht an ComplexType gebunden ist .

2. Verschieben Sie Ihre Teilansicht in einen Unterordner EditorTemplates des aktuellen Ansichtsordners oder in den Ordner Shared . Jetzt ist es eine Editorvorlage.

3. Wechseln Sie @Html.Partial("_PartialViewName", Model.ComplexType)zu @Html.EditorFor(m => m.ComplexType, "_EditorTemplateName"). Die Editorvorlage ist optional, wenn sie die einzige Vorlage für den komplexen Typ ist.

HTML-Eingabeelemente werden automatisch benannt ComplexType.Fieldname.

PartailFor für asp.net Core 2, falls jemand es braucht.

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

Ich bin auch auf dieses Problem gestoßen, und nach viel Mühe fand ich, dass es einfacher war, meine Schnittstellen so zu gestalten, dass ich keine verschachtelten Modellobjekte zurückschicken musste. Dies zwang mich, meine Workflows für die Benutzeroberfläche zu ändern: Natürlich muss der Benutzer jetzt in zwei Schritten das tun, wovon ich geträumt habe, aber die Benutzerfreundlichkeit und Wartbarkeit des Codes des neuen Ansatzes ist für mich jetzt von größerem Wert.

Hoffe das hilft einigen.

Sie können einen Helfer für das RenderPartial hinzufügen, der das Präfix übernimmt und es in die ViewData einfügt.

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

Dann ein weiterer Helfer, der den ViewData-Wert verkettet

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

und so in der Ansicht ...

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

in der partiellen ...

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

Wie Sie füge ich meinen ViewModels die Präfix-Eigenschaft (eine Zeichenfolge) hinzu, die ich vor meinen modellgebundenen Eingabenamen anhänge. (YAGNI verhindert das Folgende)

Eine elegantere Lösung könnte ein Basisansichtsmodell mit dieser Eigenschaft und einige HtmlHelper sein, die prüfen, ob das Ansichtsmodell von dieser Basis abgeleitet ist, und in diesem Fall das Präfix an den Eingabenamen anhängen.

Hoffentlich hilft das,

Dan

Wie wäre es kurz bevor Sie RenderPartial aufrufen?

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

Dann haben Sie in Ihrem Teil

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