如何防止 kendo 网格弹出编辑器 window 打开？

Question

我希望在单击 kendo 网格中的编辑命令按钮时显示（打开）弹出式编辑器之前得到确认，与删除确认相同。

我用过网格的编辑事件。它成功显示了确认对话框，但在它后面也打开了弹出编辑器window。

有什么方法可以让我在用户确认后才显示弹出式编辑器window？

Answer 1

您可以使用editRow()方法。 Documentation.

HTML:

<div id="container">
    <div id="grid"></div>
</div>

JavaScript:

var data = [{"FirstName": "Margaret", "LastName": "Peacock"},{"FirstName": "Nancy", "LastName": "Leverling"}];
var grid = $("#grid").kendoGrid({
    dataSource: {
        pageSize: 20,
        data: data
    },
    editable: "popup",
    pageable: true,
    height: 550,
    columns: [
        { field: "FirstName", title: "First Name", width: "140px" },
        { field: "LastName", title: "Last Name", width: "140px" },
        { command: { text: "Edit", click: edit }, title: "", width: "180px"}
    ]
}).data("kendoGrid");

function edit(e) {
    e.preventDefault();
    var conf = confirm("Are you sure you want to edit?");
    if (conf) {
        this.editRow($(e.currentTarget).closest("tr"));
    }
}

见demo