Kendo Grid - 自定义编辑弹出窗口

时间:2014-06-09 09:48:06

标签: kendo-ui kendo-grid

我正在使用Kendo Grid,其中有几列用于概览行数据。当用户单击“添加/编辑”按钮时,弹出窗口将显示一些其他数据,其中包括一些复选框。

将复选框与当前MVVM模型绑定时遇到问题,因为在添加新行时,Kendo将模型视为变量,而不是数组。这会导致检查(单击)一个复选框时检查许多复选框。在看了Kendo MVVM之后,我打算获得当前弹出窗口的MVVM模型,以便操作一些数据但是没有成功。因此,我会寻求帮助:

  1. 获取弹出窗口的当前MVVM模型(以便我可以编辑模型)
  2. 单击“添加”按钮时绑定多个复选框的任何建议(没有初始数据)。

1 个答案:

答案 0 :(得分:1)

你需要为此编写一个模板 然后将其写入网格

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("myTemplate"))

这是一个示例模板:

@model teknik.Models.Magaza_Viewmodel
    @Html.HiddenFor(model => model.ID)
    <div class="editor-label">
        @Html.LabelFor(model => model.ADI)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ADI)
        @Html.ValidationMessageFor(model => model.ADI)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.ADRES)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ADRES)
        @Html.ValidationMessageFor(model => model.ADRES)
    </div>