Kendo grid的InCell编辑不适用于jQuery 3.1.1

时间:2017-02-14 21:01:54

标签: kendo-ui kendo-grid kendo-asp.net-mvc telerik-mvc

我正在使用Telerik的UI for ASP.NET。我已按照文章here

InCell编辑配置了网格

这是我的代码

Index.cshtml

 @(Html.Kendo().Grid<MyGridVM>()
    .Name("myGrid")
    .Columns(col =>
    {                        
        col.Bound(o => o.TaxYear).Title("Tax Year").Width(64);
        col.Bound(o => o.Deadline).Format("{0:MM/dd/yyyy}").Title("Deadline").Width(110);            
    })         
    .Editable(editable => editable.Mode(GridEditMode.InCell))        
    .AutoBind(false)                              
    .Scrollable(s => s.Height("Auto"))
    .DataSource(dataSource => dataSource            
        .Model(model =>
        {

            model.Field(o => o.Deadline);                
            model.Field(o => o.TaxYear).Editable(false);                
        })            
        .Read(read => read
                .Action("GetData", "Home"))
        .ServerOperation(false))
)

我有截止日期的EditorTemplate DeadlineEditor.cshtml

@model MyGridVM

@(Html.Kendo().DatePicker()
    .Name("Deadline")
    .Value("Deadline")
    .Format("{0:MM/dd/yyyy}")
)

MyGridVm.cs 我使用了截止日期属性的UIHint

public class MyGridVM
{        
        public short? TaxYear { get; set; }

        [UIHint("DeadlineEditor")]
        public DateTime? Deadline { get; set; }     

}

使用此配置,UI for ASP.NET version 2015.2.902jQuery version 1.11.2

一切正常

最近我更新了UI for ASP.NET version to 2016.3.1118并确保Incell编辑工作正常。

今天,我还将jQuery版本从1.11.2更新为3.1.1。使用jQuery更新现在必须双击单元格进行编辑。以前只需单击即可编辑网格单元格。 (如demo here中所示)

根据Telerik的documentation here版本2016.3.1118与jQuery 3.1.1兼容 enter image description here

如何在不回滚jQuery的情况下解决此问题。我想单击以编辑单元格而不是双击。

0 个答案:

没有答案