มุมมองบางส่วน 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 = "Name" ในขณะที่ฉันต้องมี name = "Child.Name" เพื่อให้ตัวยึดแบบจำลองทำงานได้อย่างถูกต้อง หรือ name = "Child2.Name" เมื่อฉันแสดงผลคุณสมบัติที่สองโดยใช้มุมมองบางส่วนเดียวกัน

ฉันจะทำให้มุมมองบางส่วนของฉันรู้จักคำนำหน้าที่ต้องการโดยอัตโนมัติได้อย่างไร ฉันสามารถส่งเป็นพารามิเตอร์ได้ แต่มันไม่สะดวกเกินไป นี่ยิ่งแย่ไปกว่านั้นเมื่อฉันต้องการแสดงผลซ้ำ ๆ มีวิธีการแสดงผลมุมมองบางส่วนด้วยคำนำหน้าหรือดีกว่าด้วยการสร้างนิพจน์แลมบ์ดาการเรียกใหม่โดยอัตโนมัติเพื่อให้

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

จะเพิ่ม "เด็ก" ที่ถูกต้องโดยอัตโนมัติ คำนำหน้าของสตริงชื่อ / id ที่สร้างขึ้น?

ฉันสามารถยอมรับวิธีแก้ปัญหาใด ๆ รวมถึงเอนจิ้นและไลบรารีมุมมองบุคคลที่สาม - ฉันใช้ Spark View Engine (ฉัน "แก้ปัญหา" โดยใช้มาโคร) และ MvcContrib แต่ไม่พบวิธีแก้ไขที่นั่น XForms, InputBuilder, MVC v2 - เครื่องมือ / ข้อมูลเชิงลึกใด ๆ ที่ให้ฟังก์ชันนี้จะดีมาก

ตอนนี้ฉันคิดเกี่ยวกับการเขียนโค้ดด้วยตัวเอง แต่ดูเหมือนจะเสียเวลาฉันไม่อยากเชื่อเลยว่าสิ่งเล็กน้อยนี้ยังไม่ได้นำมาใช้

อาจมีวิธีแก้ปัญหาด้วยตนเองจำนวนมากและยินดีต้อนรับทุกคน ตัวอย่างเช่นฉันสามารถบังคับให้บางส่วนของฉันอิงจาก IPartialViewModel <T> {คำนำหน้าสตริงสาธารณะ; T รุ่น; } แต่ฉันต้องการโซลูชันที่มีอยู่ / ได้รับการอนุมัติมากกว่า

UPDATE: มีคำถามที่คล้ายกันกับคำตอบไม่มีที่นี่

คุณสามารถขยายคลาสตัวช่วย 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" }
})
%>

คำตอบของฉันอ้างอิงจากคำตอบของ Mahmoud Moravej รวมถึงความคิดเห็นของ 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);
    }

แก้ไข: คำตอบของ 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>

ตอนนี้เสร็จสมบูรณ์แล้ว ตั้งค่าเบรกพอยต์ในการดำเนินการสร้างตัวควบคุมโพสต์เพื่อตรวจสอบ อย่าใช้สิ่งนี้กับรายการอย่างไรก็ตามมันจะไม่ได้ผล ดูคำถามของฉันเกี่ยวกับการใช้ EditorTemplates กับ IEnumerable สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเรื่องนั้น

นี่เป็นคำถามที่เก่า แต่สำหรับทุกคนที่เดินทางมาถึงที่นี่มองหาวิธีการแก้ปัญหาให้พิจารณาใช้EditorForตามข้อเสนอแนะในความคิดเห็นในhttps://stackoverflow.com/a/29809907/456456 หากต้องการย้ายจากมุมมองบางส่วนไปยังเทมเพลตตัวแก้ไขให้ทำตามขั้นตอนเหล่านี้

1. ตรวจสอบว่ามีมุมมองบางส่วนของคุณถูกผูกไว้กับcomplexType

2. เลื่อนมุมมองบางส่วนของคุณไปยังโฟลเดอร์ย่อยEditorTemplatesของโฟลเดอร์มุมมองปัจจุบันหรือไปยังโฟลเดอร์ที่ใช้ร่วมกัน ตอนนี้เป็นเทมเพลตตัวแก้ไข

3. เปลี่ยน@Html.Partial("_PartialViewName", Model.ComplexType)เป็น@Html.EditorFor(m => m.ComplexType, "_EditorTemplateName"). เทมเพลตตัวแก้ไขเป็นทางเลือกหากเป็นเทมเพลตเดียวสำหรับประเภทที่ซับซ้อน

html ComplexType.Fieldnameองค์ประกอบการป้อนข้อมูลจะได้รับการตั้งชื่อโดยอัตโนมัติ

PartailForสำหรับ asp.net Core 2 เผื่อมีคนต้องการ

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

ฉันเจอปัญหานี้เช่นกันและหลังจากเจ็บปวดมากฉันพบว่ามันง่ายกว่าที่จะออกแบบอินเทอร์เฟซของฉันใหม่โดยที่ฉันไม่จำเป็นต้องโพสต์วัตถุโมเดลที่ซ้อนกันกลับ สิ่งนี้บังคับให้ฉันต้องเปลี่ยนเวิร์กโฟลว์อินเทอร์เฟซของฉัน: แน่ใจว่าตอนนี้ฉันต้องการให้ผู้ใช้ทำในสองขั้นตอนสิ่งที่ฉันใฝ่ฝันที่จะทำในขั้นตอนเดียว แต่ความสามารถในการใช้งานและการบำรุงรักษาโค้ดของแนวทางใหม่นั้นมีค่าสำหรับฉันในตอนนี้

หวังว่านี่จะช่วยได้บ้าง

คุณสามารถเพิ่มตัวช่วยสำหรับ RenderPartial ซึ่งใช้คำนำหน้าและปรากฏใน ViewData

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

เช่นเดียวกับคุณฉันเพิ่มคุณสมบัติคำนำหน้า (สตริง) ให้กับ ViewModels ของฉันซึ่งฉันต่อท้ายชื่ออินพุตที่ผูกไว้กับโมเดลของฉัน (YAGNI ป้องกันด้านล่าง)

โซลูชันที่หรูหรากว่าอาจเป็นโมเดลมุมมองพื้นฐานที่มีคุณสมบัตินี้และ HtmlHelpers บางตัวที่ตรวจสอบว่าโมเดลมุมมองมาจากฐานนี้หรือไม่และหากเป็นเช่นนั้นให้ผนวกคำนำหน้าเข้ากับชื่ออินพุต

หวังว่าจะช่วย

แดน

ก่อนที่คุณจะเรียก RenderPartial ที่คุณทำ

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

จากนั้นในบางส่วนของคุณคุณมี

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