2

我在应用程序中使用 Kendo Grid。要求是使网格在双击时可编辑。我正在处理该.dblclick事件并以编程方式使单元格可使用.editCell(cell). 问题是当有人在单元格外单击或按下输入或返回按钮时我需要保存更改并在有人单击 ESC 时撤消。此外，当日期无效时，我不应该保存它。

我尝试了聚焦，模糊，点击事件，但有些工作，有些没有，有些重叠并且不让单元格打开。

这是我的代码。

//code for double click;
$('#grid').delegate('tbody>tr>td','dblclick', function (e) {
        console.log("double clicked");
        if($(".k-grid-edit-row").length <= 0) {
            $("#grid").data("kendoGrid").editCell($(this));
           }
    });

$('#grid tbody').on('blur','input,select,textarea',saveGrid);
    $('#grid').delegate('tbody>tr>td','focusout',function() {
        console.log("inside focusout");
        if($(this).hasClass("k-edit-cell"))
            return;
        saveGrid();
    });
    $('#grid').delegate('tbody>tr>td','click', function(e){
        console.log("singleClick called");
        if($(this).hasClass("k-edit-cell"))
            return;
        saveGrid();
    });

    function saveGrid() {
        console.log("save grid called");
        var grid = $("#grid").data("kendoGrid");
        var editedCellIndex =grid.cellIndex(grid.tbody.find(">tr td.k-edit-cell"));
        console.log("this cell index:"+grid.cellIndex($(this)));
        console.log(" Edited cell index :"+editedCellIndex);
        if(editedCellIndex<0) {
            return false;
        } 
        if($(".k-grid-edit-row").hasClass("k-invalid")) {
            return false;
        }
        grid.closeCell();
        console.log("saving changes");
        grid.saveChanges();
    }

如果您需要更多信息，请告诉我。

4

1 回答 1

0

要在有人按下网格时获取事件（调整函数以检查单元格外），请使用以下命令：

$('html').on('click', function (e) {
if (!$(e.target).parent().hasClass('k-master-row') && !$(e.target).hasClass('k-input')) {
    var grid = $("#Grid").data("kendoGrid")
    //use this if the row was selected
    //grid.clearSelection();

    //do something
    grid.saveChanges();
}

});

请注意，这可能会弄乱其他点击事件，它会阻止我在我的项目中使用.on()任何其他 jQuery 代码（所以我使用 deprecated .live()），所以它不是一个理想的解决方案

于 2013-01-28T09:41:37.820 回答