MVC4 Kendo Grid DateTime 模板编辑器

Question

我有这个模型：

public class MainModel 
{
private Guid m_id;
        public Guid Id
        {
            get { return m_id; }
            set { m_id = value; }
        }

        private string m_name;
        public string Name
        {
            get { return m_name; }
            set { m_name = value; }
        }
private ObservableCollection<Foundation> m_foundations;
        public ObservableCollection<Foundation> Foundations
        {
            get 
            {
                if (m_foundations== null)
                    m_foundations= new ObservableCollection<Foundation>();
                return m_foundations;
            }
            set { m_foundations= value; }
        }
}

public class Foundation
{
private ObservableCollection<Worker> m_workers;
        public ObservableCollection<Worker> Workers
        {
            get 
            {
                if (m_workers == null)
                {
                    m_workers = new ObservableCollection<Worker>();
                }
                return m_workers; 
            }
            set { m_workers = value; }
        }
}

public class Worker
{
[HiddenInput(DisplayValue = false)]
        public Guid Id
        {
            get { return m_id; }
            set { m_id = value; }
        }
[DataType(DataType.DateTime), DisplayFormat(DataFormatString = "{0:dd-MM-yyyy}", ApplyFormatInEditMode = true)]
        public DateTime BirthDate
        { get; set; }

}

我有一个接收此 MainModel 的 partialView：

@using (Html.BeginForm("Save", "Controller", FormMethod.Post, new { ReturnUrl = ViewBag.ReturnUrl }))
    {
        @Html.TextBoxFor(m => m.Name)
        @Html.HiddenFor(m => m.Id)
<div id="workers">
@(Html.Kendo().Grid(Model.Foundations[0].Workers)
 .Name("grid")
                .Columns(columns =>
                {
                    columns.Command(command => { command.Edit().Text("Edit"); command.Destroy().Text("Delete"); }).Width(200);
                    columns.Bound(p => p.Name);
                    columns.Bound(p => p.BirthDate).Width(100).Format("{0: dd-MM-yyyy}").EditorTemplateName("BirthDate");
})
.Editable(editable => editable.Mode(GridEditMode.InLine).CreateAt(GridInsertRowPosition.Bottom))
.DataSource(dataSource => dataSource
                    .Ajax()
                    .PageSize(20)
                    .Model(model => model.Id(p => p.Id))
                    .Create(update => update.Action("EditingInline_Create", "Controller"))
                    .Update(update => update.Action("EditingInline_Update", "Controller"))
                    .Destroy(update => update.Action("EditingInline_Destroy", "Controller"))
                    ))
</div>

BirthDate 编辑器有这样的东西

@model DateTime
@(
    Html.Kendo().DatePickerFor(m=>m).Name("birthDatePicker")
)

该模型的所有属性和日期时间都很好。 问题是： model.Foundations[0].Workers[].BirthDate 有一个有效的日期，但在模板编辑器中给了我带有 minvalue 模型的日期时间。

当我编辑该列时，显示的值将类似于 01-01-0001 而不是 15-03-2006 例如。 好的，我只是更改日期，但是当我单击更新时，DateTime 的值始终是 DateTime.Now。在 EditingInline_Update 中，参数 'worker' 将 BrithDate 更改为 DateTime.Now...我更改的值不存在。

我在某处读到这可能是一个文化形成问题，但我完全按照他们所说的做了： 创建了一个 DateModelBinder 并在 global.asax 中注册了它，但是在调试时，传递的值是 DateTime.Now...它已经在那里更改了。 Web.config 有 我更改了线程当前文化和 UIculture，更改了 kendo.culture，检查了调试，一切似乎都是正确的。 我什至在编辑器中加入了 javascript 验证器：

$("#birthDatePicker").kendoValidator({
        rules: {
            date: function (input) {
                var d = kendo.parseDate(input.val(), "dd-MM-yyyy");
                return d instanceof Date;
            }
        }
    });

这返回 true，在这里我可以看到我想要更改的日期，但是当转到 modelbinder 时，它会以某种方式更改为 DateTime.now

很抱歉，这让我发疯了，我不知道这是否是在集合中包含集合的错误，或者是否还有其他我错过的东西。 提前感谢

Answer 1

我的一个项目中有一个 MVC kendo-ui 网格，它在编辑模式下可以很好地处理日期。我注意到与您的代码不同的是，我没有在模型中的 DateTime 属性上编写任何属性。我的模型看起来像这样：

public class TransactionViewModel
{
    [Key]
    public int TransactionId { get; set; }

    public string Description { get; set; }

    [Required]
    public DateTime TransactionDate { get; set; }

    [Required]
    public decimal Amount { get; set; }
}

在网格中，我按以下方式绑定列：

columns.Bound(p => p.TransactionDate).Title("Date").Format("{0:yyyy-MM-dd}").EditorTemplateName("TransactionDate");

而且，即使我的编辑器模板看起来与你的有点不同，当我测试用你的替换我的代码时，你提供的代码工作得很好。

@model DateTime?
@(Html.Kendo().DatePicker()
    .Name("TransactionDate")
    .Value(Model == null ? DateTime.Now.Date : ((DateTime)@Model).Date)
)

为了处理文化问题，我还添加了以下代码：

@{
    var culture = System.Threading.Thread.CurrentThread.CurrentCulture.ToString();
}
<script src="@Url.Content("~/Scripts/cultures/kendo.culture." + culture + ".min.js")"></script>
<script>
    kendo.culture("@culture");
</script>

我建议您尝试以下方法：

• 删除模型中的属性以验证它们不会导致任何问题。您可以稍后在一切正常时添加它们。
• 尝试指定不同的日期格式，或不指定日期格式。如果您指定一种格式，而用户的浏览器想要以另一种格式呈现它，您可能会遇到麻烦。