3

我正在编写一个编辑器模板，用于输入由三个字段组成的日期和时间。

  • 带有 jQ​​uery UI 日期选择器的文本框。
  • 用于输入时间的文本框。
  • 通过 javascript 使用完整的日期和时间字符串更新的隐藏输入。

这个想法是为用户显示日期和时间的单独字段，而只有一个字段绑定到模型。每当显示的字段发生变化时，隐藏字段都会通过 JavaScript 更新。

@model System.DateTime?
<span class="datetime-editor">
<input class="datepicker" value="@(Model.HasValue ? 
  Model.Value.Date.ToString() : string.Empty)" readonly="readonly"/>
<input class="time" value="@(Model.HasValue ? 
  Model.Value.TimeOfDay.ToString() : string.Empty)"/>
@Html.HiddenFor(d => d)</span>

用于设置日期选择器并将值复制到隐藏字段的 JavaScript。

$(".datepicker").datepicker();
$(".datetime-editor").find("input").change(function () {
    var date = $(this).parent().find(".datepicker").val();
    var time = parseTime($(this).parent().find(".time").val());
    if (date != "" && time != null) {
        $(this).siblings(".datetime-result").val(date + " " + time);
    }
    else {
        $(this).siblings(".datetime-result").val("");
    }
});

我的问题是验证属性。它们都存在于隐藏的输入标签中：

<input name="StartDateTime" id="StartDateTime" type="hidden" 
  data-val-required="Start date and time are required" data-val="true" value=""/>

我想以某种方式获取生成的data-val*属性并将它们添加到可见输入中。通过ViewData.ModelMetaData我可以找出该字段是否是必需的，但是我必须重新发明创建data-val-required属性的逻辑。我想获取生成的属性。

4

3 回答 3

14

如果您想要 HTML5 data-* 验证属性，您可以使用 HTML 帮助器来生成这些输入：

@{
    var validationAttributes = Html.GetUnobtrusiveValidationAttributes("");
}
@Html.TextBox(
    "", 
    Model.HasValue ? Model.Value.Date.ToString() : string.Empty, 
    new RouteValueDictionary(validationAttributes) 
    { 
        { "class", "datepicker" }, 
        { "readonly", "readonly" } 
    }
)

@Html.TextBox(
    "", 
    Model.HasValue ? Model.Value.TimeOfDay.ToString() : string.Empty, 
    new RouteValueDictionary(validationAttributes) 
    { 
        { "class", "time" } 
    }
)
于 2012-01-22T19:43:36.290 回答
1

我试图做类似的事情；IDE 真的让你误入歧途。

如果您想知道模型上的某个属性是否是必需的，您有时不是在询问该[Required]属性，而是询问它是否为 Nullable。例如：

public class MyModel
{
    public int Number1 { get; set; }
    public int? Number2 { get; set; }
}

这两个都将使用 EditorTemplates\Int32.cshtml

在您的编辑器模板中，您可以使用：

@model System.Int32?
<input id=@Html.IdForModel() @(Model is Nullable ? "" : "required") />

请注意，@model System.Int32如果您不希望 IDE 在检查is Nullable.

于 2013-04-24T21:37:07.477 回答
0

您应该注册一个适配器以提供客户端验证： http: //msdn.microsoft.com/en-us/library/system.web.mvc.dataannotationsmodelvalidatorprovider.registeradapter (v=vs.98).aspx

于 2013-07-26T16:03:08.687 回答