Question

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

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

有没有办法只有在用户确认后才能显示弹出编辑器窗口？

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

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

1 个答案: