Question

我正在使用mvc4应用程序。在我的一个页面上，我正在使用kendo网格。我想添加两个按钮进行编辑，一个用于弹出编辑，另一个用于内联编辑。

我想点击按钮动态更改网格编辑模式。

任何人都可以帮助我吗？

Answer 1

一次不能有两种编辑模式。

作为一种解决方法，您可以使用 InLine 编辑+模板列，其中包含一个按钮，单击该按钮可打开一个窗口。

单击按钮时，您可以将该窗口的内容设置为template，并将bind设置为该行的dataItem。

Answer 2

如果您想动态更改Grid中所有行的编辑模式，您可以执行以下操作：

Button和Grid定义：

<a href="#" id="popup" class="k-button">Popup</a>
<a href="#" id="inline" class="k-button">Inline</a>
<div id="grid"></div>

Grid初始化：

var grid = kendoGrid({
    dataSource: dataSource,
    columns: [
        { command: ["edit", "destroy"], title: "&nbsp;" },
        { field: "field1", title: "Field1" },
        { field: "field2", title: "Field2" },
    ],
    editable  : "popup"
}).data("kendoGrid");

Buttons初始化：

$("#popup").on("click", function () {
    grid.options.editable = "popup";
});
$("#inline").on("click", function () {
    grid.options.editable = "inline";
});

当您点击其中任何一个按钮时，您可以选择编辑模式为inline或popup。

如何在点击网格中的按钮时在kendo ui网格中动态更改编辑模式（弹出+内联）？

2 个答案: