Visualizzazioni parziali ASP.NET MVC: prefissi dei nomi di input

Supponiamo che io abbia ViewModel come

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

Nella vista posso eseguire il rendering di un parziale con

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

Nel parziale lo farò

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

Tuttavia, il problema è che entrambi renderanno name = "Name" mentre devo avere name = "Child.Name" affinché il raccoglitore di modelli funzioni correttamente. Oppure, name = "Child2.Name" quando eseguo il rendering della seconda proprietà utilizzando la stessa vista parziale.

Come faccio a fare in modo che la mia visualizzazione parziale riconosca automaticamente il prefisso richiesto? Posso passarlo come parametro ma questo è troppo scomodo. Questo è anche peggio quando voglio, ad esempio, renderlo ricorsivamente. C'è un modo per rendere le viste parziali con un prefisso o, ancora meglio, con la riconizione automatica dell'espressione lambda chiamante in modo che

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

aggiungerà automaticamente "Child" corretto. prefisso alle stringhe nome / ID generate?

Posso accettare qualsiasi soluzione, inclusi i motori di visualizzazione e le librerie di terze parti: in realtà uso Spark View Engine ("risolvo" il problema utilizzando le sue macro) e MvcContrib, ma non ho trovato una soluzione lì. XForms, InputBuilder, MVC v2: qualsiasi strumento / insight che fornisce questa funzionalità sarà eccezionale.

Attualmente penso di codificarlo da solo, ma sembra una perdita di tempo, non posso credere che questa roba banale non sia già implementata.

Possono esistere molte soluzioni manuali e tutte sono benvenute. Ad esempio, posso forzare i miei partials a essere basati su IPartialViewModel <T> {public string Prefix; Modello T; }. Ma preferisco una soluzione esistente / approvata.

AGGIORNAMENTO: c'è una domanda simile senza risposta qui .

Puoi estendere la classe helper Html in questo modo:

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

    }

e usalo semplicemente nelle tue visualizzazioni in questo modo:

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

e vedrai che è tutto ok!

finora, stavo cercando la stessa cosa che ho trovato in questo recente post:

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

La mia risposta, basata sulla risposta di Mahmoud Moravej compreso il commento di 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);
    }

Modifica: la risposta di Mohamoud non è corretta per il rendering parziale nidificato. È necessario aggiungere il nuovo prefisso al vecchio prefisso, solo se necessario. Questo non era chiaro nelle ultime risposte (:

Usando MVC2 puoi ottenere questo risultato.

Ecco la vista fortemente tipizzata:

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

Ecco la vista fortemente tipizzata per la classe figlia (che deve essere memorizzata in una sottocartella della directory della vista chiamata 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 />

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

Ecco le classi personalizzate:

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

E la fonte di output:

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

Ora questo è completo. Impostare un punto di interruzione nell'azione Crea controller post da verificare. Tuttavia, non utilizzarlo con gli elenchi perché non funzionerà. Vedi la mia domanda sull'uso di EditorTemplates con IEnumerable per ulteriori informazioni.

Questa è una vecchia domanda, ma per chiunque arrivi qui alla ricerca di una soluzione, considera l'utilizzo EditorFor, come suggerito in un commento in https://stackoverflow.com/a/29809907/456456 . Per passare da una visualizzazione parziale a un modello di editor, segui questi passaggi.

1. Verificare che la visualizzazione parziale sia associata a ComplexType .

2. Spostare la visualizzazione parziale in una sottocartella EditorTemplates della cartella della visualizzazione corrente o nella cartella Shared . Ora è un modello di editor.

3. Cambia @Html.Partial("_PartialViewName", Model.ComplexType)in @Html.EditorFor(m => m.ComplexType, "_EditorTemplateName"). Il modello dell'editor è facoltativo se è l'unico modello per il tipo complesso.

Gli elementi di input HTML verranno automaticamente denominati ComplexType.Fieldname.

PartailFor per asp.net Core 2 nel caso qualcuno ne avesse bisogno.

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

Mi sono imbattuto anche in questo problema e dopo molto dolore ho scoperto che era più facile riprogettare le mie interfacce in modo tale da non dover postare indietro gli oggetti del modello nidificati. Questo mi ha costretto a cambiare i flussi di lavoro dell'interfaccia: sicuramente ora richiedo all'utente di fare in due passaggi ciò che sognavo di fare su uno, ma l'usabilità e la manutenibilità del codice del nuovo approccio sono di maggior valore per me ora.

Spero che questo aiuti alcuni.

Potresti aggiungere un helper per RenderPartial che prende il prefisso e lo inserisce in ViewData.

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

Quindi un ulteriore aiuto che concatena il valore ViewData

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

e così nella vista ...

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

nel parziale ...

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

Come te, aggiungo la proprietà Prefix (una stringa) ai miei ViewModels che aggiungo prima dei nomi di input associati al modello. (YAGNI impedisce il seguito)

Una soluzione più elegante potrebbe essere un modello di visualizzazione di base che abbia questa proprietà e alcuni HtmlHelpers che controllano se il modello di visualizzazione deriva da questa base e in tal caso aggiungono il prefisso al nome di input.

Spero che aiuti,

Dan

Che ne dici di appena prima di chiamare RenderPartial che fai

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

Quindi nel tuo parziale hai

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