Kendo ui Kendo grid asp.net MVC创建自定义列

我尝试使用kendo UI core和Asp.net Mvc创建网格，当我创建自定义模板列时遇到问题，包括每个单元格图像的文本输入，我使用为特定列中的每个单元格生成的所需html定义了客户端模板和编辑器模板

在我添加新行之前，它工作得很好。它会删除所有旧行的值，即使它不会进入我使用批处理编辑网格的服务器。 我试图只设置编辑器模板而不设置客户端模板，但我发现我不能在编辑器模板中单击图像，因为当我单击它时，我的编辑器模板将从单元格中删除并转换为html td单元格

这是我的代码：

@（Html.Kendo（）.Grid（）.Name（“Grid”）.Columns（Columns=>
{
columns.Bound（c=>c.Id）.ClientTemplate（“”）.EditorTemplateName（“IdEditor”）；
columns.Bound（p=>p.Price）.ClientTemplate（“”）.EditorTemplateName（“价格”）；
绑定列（p=>p.Qty）；
columns.Bound（p=>p.TotalPrice）；
Command（Command=>Command.Destroy（））；
})
.ToolBar（ToolBar=>
{
toolbar.Create（）；
toolbar.Save（）；
})
.Editable（Editable=>Editable.Mode（GridEditMode.InCell））
.Pageable（）
.Navigatable（）
.Sortable（）
.Scrollable（）
.DataSource（DataSource=>DataSource
.Ajax（）
.批（假）
.页面大小（20）
.ServerOperation（错误）
.Events（Events=>Events.Error（“错误处理程序”））
.Model（Model=>
{
model.Field（p=>p.Id）.可编辑（false）；
model.Field（p=>p.Price）.可编辑（false）；
model.Id（p=>p.Id）；
})
.Create（“编辑”、“创建”、“测试”）
.Read（“编辑”“读取”“测试”）
.更新（“编辑更新”、“测试”）
.Destroy（“编辑、销毁”、“测试”））

@(Html.Kendo().Grid<ItemsModel>().Name("Grid").Columns(columns =>
        {
            columns.Bound(c => c.Id).ClientTemplate("<input type='text'/><img src='/Content/Images/image.gif' onclick= 'OpenPopup(this)' />").EditorTemplateName("IdEditor");
            columns.Bound(p => p.Price).ClientTemplate("<input type='text' />").EditorTemplateName("Price");
            columns.Bound(p => p.Qty);
            columns.Bound(p => p.TotalPrice);
            columns.Command(command => command.Destroy());
        })
    .ToolBar(toolbar =>
    {
        toolbar.Create();
        toolbar.Save();
    })
        .Editable(editable => editable.Mode(GridEditMode.InCell))
    .Pageable()
    .Navigatable()
    .Sortable()
    .Scrollable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(false)
        .PageSize(20)
        .ServerOperation(false)
        .Events(events => events.Error("error_handler"))
            .Model(model =>
            {
                model.Field(p => p.Id).Editable(false);
                model.Field(p => p.Price).Editable(false);
                model.Id(p => p.Id);
            })
        .Create("Editing_Create", "Test")
            .Read("Editing_Read", "Test")
            .Update("Editing_Update", "Test")
            .Destroy("Editing_Destroy", "Test")))