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

Posted 2023-05-07

【中文标题】Kendo Grid - 自定义编辑弹出窗口

【英文标题】：Kendo Grid - Customize Edit Popup

【发布时间】：2014-07-29 20:05:31

【问题描述】：

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

在将复选框与当前 MVVM 模型绑定时遇到问题，因为在添加新行时，Kendo 将模型视为变量，而不是数组。这会导致在选中（单击）一个复选框时选中许多复选框。在看了 Kendo MVVM 之后，我打算获取当前 popup 的 MVVM 模型以便操作一些数据，但没有成功。因此，我会在以下方面寻求帮助：

获取弹出窗口的当前 MVVM 模型（以便我可以编辑模型） 点击添加按钮时绑定多个复选框的任何建议（没有初始数据）。

【参考方案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>