Asp.net mvc，具有多个可更新部分的视图 - 如何？

Question

我已经开始做 ASP.NET MVC 编程并且每天都更喜欢它。

我见过的大多数示例都使用单独的视图来查看和编辑特定实体的详细信息。

例如 - 链接到单独的“详细信息”和“更新”视图的音乐专辑表

[操作] |标题 |艺术家

详细信息，更新 |呃宝贝|巴里怀特

详细信息，更新|莫乔先生 | Barry White

使用 mvc，我如何实现一种设计，其中 R 和 U (CRUD) 在单个视图中表示，而且用户可以编辑视图的单独部分，从而限制用户的数据量可以在保存前进行编辑吗？

示例模型 - 编辑相册详细信息：

我已经通过ajax调用实现了这样的设计，但我很好奇如何在没有ajax的情况下做到这一点。 我自己对此的部分看法如下所示。我使用一个标志（枚举 EditCode） 指示视图的哪一部分（如果有）必须呈现表单。 这样的设计符合框架吗，能不能做得更优雅一点？

AlbumController

public class AlbumController : Controller
{
    public ActionResult Index()
    {
        var albumDetails = from ManageVM in state.AlbumState.ToList()
                           select ManageVM.Value.Detail;
        return View(albumDetails);
    }

    public ActionResult Manage(int albumId, EditCode editCode)
    {
        (state.AlbumState[albumId] as ManageVM).EditCode = (EditCode)editCode;
        ViewData["albumId"] = albumId;
        return View(state.AlbumState[albumId]);
    }

    [HttpGet]
    public ActionResult Edit(int albumId, EditCode editCode)
    {
       return RedirectToAction("Manage", new { albumId = albumId, editCode = editCode });
    }

    // edit album details
    [HttpPost]
    public ActionResult EditDetail(int albumId, Detail details)
    {
        (state.AlbumState[albumId] as ManageVM).Detail = details;
        return RedirectToAction("Manage", new { albumId = albumId, editCode = EditCode.NoEdit });// zero being standard 
    }

    // edit album thought
    [HttpPost]
    public ActionResult EditThoughts(int albumId, List<Thought> thoughts)
    {
        (state.AlbumState[albumId] as ManageVM).Thoughts = thoughts;
        return RedirectToAction("Manage", new { albumId = albumId, editCode = EditCode.NoEdit });// zero being standard 
    }

Flag - EditCode

public enum EditCode
{
       NoEdit,
       Details,
 Genres,
       Thoughts
}

Mangae view

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

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Manage
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Manage</h2>
    <% if(Model.EditCode == MvcApplication1.Controllers.EditCode.Details) 
       {%>
        <% Html.RenderPartial("_EditDetails", Model.Detail); %>    
    <% }else{%>
        <% Html.RenderPartial("_ShowDetails", Model.Detail); %>    
    <% } %>
    <hr />
    <% if(Model.EditCode == MvcApplication1.Controllers.EditCode.Thoughts) 
       {%>
        <% Html.RenderPartial("_EditThoughts", Model.Thoughts); %>    
    <% }else{%>
        <% Html.RenderPartial("_ShowThoughts", Model.Thoughts); %>    
    <% } %>

Answer 1

最后一部分让我感觉很混乱。我建议用 Html Helpers 包装它们来清理你的视图。

<h2>Manage</h2>
<% Html.RenderDetailsPartial(Model.EditCode) %>
<hr />
<% Html.RenderThoughtsPartial(Model.EditCode) %>

让 HTMLHelper 根据 EditCode 确定使用哪个视图。