【发布时间】:2015-05-04 10:47:39
【问题描述】:
我想在单击剑道网格中的编辑命令按钮时显示(打开)弹出编辑器之前得到确认,这与删除确认相同。
我使用了网格的编辑事件。它成功显示了确认对话框,但在它后面也打开了弹出编辑器窗口。
有什么方法可以在用户确认后才显示弹出编辑器窗口?
【问题讨论】:
标签: javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc
我想在单击剑道网格中的编辑命令按钮时显示(打开)弹出编辑器之前得到确认,这与删除确认相同。
我使用了网格的编辑事件。它成功显示了确认对话框,但在它后面也打开了弹出编辑器窗口。
有什么方法可以在用户确认后才显示弹出编辑器窗口?
【问题讨论】:
标签: javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc
您可以使用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
【讨论】: