我尝试使用kendo UI核心和Asp.net Mvc创建网格,我在创建自定义模板列时遇到问题包括每个单元格的图像文本输入,我用所需的html定义了客户端模板和编辑器模板为特定列中的每个单元格生成。
它工作正常,直到我添加新行,它删除了所有旧行的值,即使它没有进入我使用批量编辑网格的服务器。 我试图只设置没有客户端模板的编辑器模板然后我得到了我不能单击编辑器模板中的图像,因为当我点击它时我的编辑器模板从单元格中删除并转换为html td单元格。
@(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")))