【问题标题】:How to prevent kendo grid popup editor window to open?如何防止剑道网格弹出编辑器窗口打开?
【发布时间】:2015-05-04 10:47:39
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript jquery kendo-ui kendo-grid kendo-asp.net-mvc


    【解决方案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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-11-28
      • 2017-08-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多