Kendo ui 如何在单击网格中的按钮时动态更改剑道ui网格中的编辑模式(弹出式+;内联)?

Kendo ui 如何在单击网格中的按钮时动态更改剑道ui网格中的编辑模式(弹出式+;内联)?,kendo-ui,Kendo Ui,我正在使用mvc4应用程序。在我的一个页面上,我正在使用剑道网格。我想添加两个用于编辑的按钮,一个用于在弹出窗口中编辑,另一个用于内联编辑 我想在单击按钮时动态更改网格编辑模式 有人能帮我吗?一次不能有两种编辑模式 作为一种解决方法,您可以使用带有按钮的内联编辑+模板列,单击该按钮可打开一个窗口 您可以将窗口的内容设置为a,并在单击按钮时使用该行的。如果要动态更改网格中所有行的编辑模式,可以执行以下操作: 按钮和网格定义: <a href="#" id="popup" class="k-b

我正在使用mvc4应用程序。在我的一个页面上,我正在使用剑道网格。我想添加两个用于编辑的按钮,一个用于在弹出窗口中编辑,另一个用于内联编辑

我想在单击按钮时动态更改网格编辑模式


有人能帮我吗?

一次不能有两种编辑模式

作为一种解决方法,您可以使用带有按钮的内联编辑+模板列,单击该按钮可打开一个窗口


您可以将窗口的内容设置为a,并在单击按钮时使用该行的。如果要动态更改
网格中所有行的编辑模式,可以执行以下操作:

按钮
网格
定义:

<a href="#" id="popup" class="k-button">Popup</a>
<a href="#" id="inline" class="k-button">Inline</a>
<div id="grid"></div>
按钮
初始化:

var grid = kendoGrid({
    dataSource: dataSource,
    columns: [
        { command: ["edit", "destroy"], title: "&nbsp;" },
        { field: "field1", title: "Field1" },
        { field: "field2", title: "Field2" },
    ],
    editable  : "popup"
}).data("kendoGrid");
$("#popup").on("click", function () {
    grid.options.editable = "popup";
});
$("#inline").on("click", function () {
    grid.options.editable = "inline";
});
单击其中一个按钮时,选择编辑模式为
inline
popup

更新答案: