javascript - 如何防止剑道网格弹出编辑器窗口打开？

Question

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

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

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

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