我正在开发一个小MVC应用程序。
问题:我有一个视图页面,其中包含一个用于添加事件的表单,一个用于搜索事件的表单和一个事件列表。
将组件放在单个视图中并不是一件大事,但我需要在一个页面中使用它们。我希望在活动清单上方有一张永久表格。
问题是我不知道该选择什么作为视图的模型对象。如果我选择一个事件列表,它与列表完美配合,但不与表格配合。如果我选择适合表单的特定模型对象,则列表存在问题。
使用表单,列表,...处理此类视图的最佳方法是什么?
这是我的观点:
<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master"
Inherits="ViewPage<EventPlaza.Web.Models.EventsListViewModel>" %>
<%@ Import Namespace="EventPlaza.Storage.Model" %>
<%@ Import Namespace="EventPlaza.Web.HtmlHelpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Home Page
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div id="EventControlsContainer">
<h3><a href="#">Add Event Link</a></h3>
<div>
<% Html.RenderPartial("AddEvent", new AddEventModel()); %>
</div>
<h3><a href="#">Search for Events</a></h3>
<div>
<form>
Place:
<input id="elementID" name="elementID" type="text" class="inputSearch" />
Date:
<input id="datepicker" name="elementID2" type="text" class="inputSearch" />
<input id="addEvent" type="submit" value="Find Events" />
</form>
</div>
</div>
<% foreach(var product in Model.Events) { %>
<% Html.RenderPartial("EventSummary", product); %>
<% } %>
<div class="pager">
<%: Html.PageLinks(Model.PagingInfo,
x => Url.Action("List", new {page=x})) %>
</div>
</asp:Content>
这是AddEvent视图控件:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<EventPlaza.Storage.Model.AddEventModel>"%>
<% Html.EnableClientValidation(); %>
<% using (Html.BeginForm("AddEvent", "Event", FormMethod.Post)) { %>
Event Link:
<%: Html.TextBoxFor(x => x.EventLink) %>
Event Name:
<%: Html.TextBoxFor(x => x.EventName) %><br />
Place:
<%: Html.TextBoxFor(x => x.Place) %>
Starting Date:
<%: Html.TextBoxFor(x => x.StartingDate) %> <br />
End Date:
<%: Html.TextBoxFor(x => x.EndDate) %>
<input id="Submit" type="submit" value="Add Event" />
<% } %>
答案 0 :(得分:4)
我强烈建议您不要直接使用域模型中的Model对象作为视图类型,而应该创建自定义EventViewModel并保留与您拥有的每个局部视图对应的三个不同对象。