会员视图具有出生日期属性,需要在视图中显示为单独的日/月/年下拉列表.
游览视图具有仅限时间的属性,其中需要单独的小时和分钟作为文本框.
这些方案中的每一个都需要验证,理想情况下还需要客户端验证.
我已经查看了各种选项,例如自定义绑定,自定义属性,现在我正在查看自定义编辑器模板,但到目前为止,我找不到合适的解决方案.
这似乎是一项常见的任务,但搜索网络几乎没有显示任何内容(尤其是验证元素).
所以我的问题是有没有其他人设法完成上述任务？
(手指交叉！)
解决方法
首先,您应该访问Brad Wilsons博客并深入了解如何自定义默认的MVC 2模板.这应该让你更清楚地理解所有运动部件.
http://bradwilson.typepad.com/blog/2009/10/aspnet-mvc-2-templates-part-1-introduction.html
现在我将开始一个简单的例子,说明如何创建一个人为的约会视图模型,我们希望确保所提供的值不会及时返回.现在不要注意属性,我们会到达那里.
这是我正在使用的viewmodel：
public class Appointmentviewmodel { [required] public string Name { get; set; } [CantGoBackwardsInTime] public DateRange DateRange { get; set; } } public class DateRange { public DateTime Start { get; set; } public DateTime End { get; set; } [required] public int Price { get; set; } }
我已经将它添加到默认的HomeController(没什么特别的)：
public ActionResult Appointment()
{
return View(new Appointmentviewmodel());
}
[HttpPost]
public ActionResult Appointment(Appointmentviewmodel appointment)
{
return View(appointment);
}
这是我的观点：
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
Appointment
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>Add Appointment</h2>
<%= Html.ValidationSummary() %>
<% using( Html.BeginForm()) { %>
<%= Html.EditorForModel() %>
<input type="submit" value="Save Changes" />
<%} %>
</asp:Content>
第1步：设置舞台
您要做的第一件事是从博客条目中获取“默认模板”.在这种情况下,重要的是位于/Views/Shared/EditorTemplates/Object.asxc中的那个.Object.ascx是整个操作的基石.所有Html.Editor *****方法最终都会调用它.
现在,我们必须更改的第一个默认功能是Object.ascx中的这一行
<% if (ViewData.TemplateInfo.TemplateDepth > 1) { %>
<%= ViewData.ModelMetadata.SimpleDisplayText%>
<% }
那句话是“不显示任何嵌套的复杂类型”,我们不希望这样.改变那个> 1至a> 2.现在,在对象图中查看模型将为其创建模板,而不是仅创建占位符文本.
暂时保留其他所有内容.
*第2步：覆盖模板**
如果您阅读博客条目,希望您现在可以理解编辑器***和显示方法将如何自动调用View / Shared / EditorTemplates和DisplayTemplates中的模板.将它们视为调用Html.RenderPartial(“TYPENAME”,MyType)它们不是,但它在概念上足够接近.
因此,如果您运行此解决方案并转到正确的URL,您会注意到MVC 2将两次调用Object.ascx,一次用于Appointmentviewmodel,再次用于属性DateRange.开箱即用只是呈现相同的表单字段集合.
让我们说我们想让我们的模板环绕我们的DateRange编辑器,带有红色边框.我们想要做的是短循环MVC 2来调用自定义DateTime.ascx模板而不是Object.ascx,这就像在View / Shared / EditorTemplates / DateRange.ascx中添加我们自己的模板一样简单.在这种情况下,我刚刚使用了Object.ascx生成的函数和DateRange模型,并将代码粘贴到新的DateRange.ascx中：
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<div style="border: 1px solid #900">
<div class="editor-label"><label for="DateRange">DateRange</label></div>
<div class="editor-field">
<div class="editor-label"><label for="DateRange_Start">Start</label>
</div>
<div class="editor-field">
<input class="text-Box single-line" id="DateRange_Start" name="DateRange.Start" type="text" value="" />
</div>
<div class="editor-label"><label for="DateRange_End">End</label></div>
<div class="editor-field">
<input class="text-Box single-line" id="DateRange_End" name="DateRange.End" type="text" value="" />
</div>
<div class="editor-label"><label for="DateRange_Price">Price</label></div>
<div class="editor-field">
<input class="text-Box single-line" id="DateRange_Price" name="DateRange.Price" type="text" value="" />
</div>
</div>
</div>
瓦剌！
现在,当您运行解决方案时,您应该在DateRange周围看到一个红色框.其余的自定义由您决定！你可以添加jQuery datepicker框.在您的情况下,您可以将两个字段放在一个div中,以便它们按照水平排列.在这一点上,天空是极限.
第3步：验证：
验证的工作方式与您期望的方式非常相似.你的内部有[必需]属性
DateRange类型与任何其他验证属性的工作方式相同.
现在你看到我做了一个不能倒退的时间属性,我把它放在了Appointmentviewmodel的DateRange属性上.要创建这些特定于类型的验证属性,您只需继承并实现基本ValidationAttribute：
public class CantGoBackwardsInTime : ValidationAttribute
{
public override string FormatErrorMessage(string name)
{
return "Your date range can't go backwards in time";
//return base.FormatErrorMessage(name);
}
public override bool IsValid(object value)
{
if (!(value is DateRange))
throw new InvalidOperationException("This attributes can only be used on DateRange types!");
var dateRange = value as DateRange;
return dateRange.End > dateRange.Start;
}
}
现在,如果您添加此属性并装饰您的属性,您应该会看到自定义CantGoBackwardsInTime验证属性中提供的错误消息.
如果您有任何问题,我会更新并清理更多,但这应该让您开始并在路上. (以为我可以在睡觉之前把它弄出来)只是一个警告：MVC 2的新编辑是世界上最棒的东西,并且具有提供MVC 2超级RAD功能的巨大潜力;但除了布拉德威尔逊博客之外,几乎没有人知道这些信息.只要坚持下去,如果你需要,也不要害怕窥探MVC 2源代码.
