我正在使用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.902
和jQuery 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兼容
如何在不回滚jQuery的情况下解决此问题。我想单击以编辑单元格而不是双击。