kendo-ui - 在 Kendo Grid 中单击鼠标右键获取选定的行

Question

我有一个 Kendo Grid，我想检测右键单击和左键单击，因此基于这些我做了两件不同的事情。我过去常常通过左键或右键单击从网格中获取 ID，并且工作正常。但是要解决 IE11 单击问题，我必须将 kendo.js 更新到 2013.2.716 版本，之后它可以检测到左/右单击，但是对于“右键单击”无法获取选定的行 ID。以下是我检测左/右单击的代码，PlodId 是我网格中的一列:

function LoadMainShiftGrid() {

//For Right Click --> Delete Selected Shift

$("#shiftReport").delegate("tbody>tr", "contextmenu", function (e) {
    if (e.which == 3) {
        $("#plodDetails").hide();            
        var gridData = $('#shiftReport').data("kendoGrid");
        var selectedRowData = gridData.dataItem($('.k-grid').find("tr.k-state-selected"));

    // MY PROBLEM FOR RIGHT CLICK SELECTEDROWDATA COMES TO NULL <<<<

        var SelectedPlodId = selectedRowData.PlodId;                        
    }
});

//For Left Click --> Show Plod Detials

$("#shiftReport").delegate("tbody>tr", "click", function (e) {
    if (e.which == 1) {
        var gridData = $('#shiftReport').data("kendoGrid");
        var selectedRowData = gridData.dataItem($('.k-grid').find("tr.k-state-selected"));
        var SelectedPlodId = selectedRowData.PlodId;           
    }
});
}

提前谢谢你。

Answer 1

我已将点击绑定(bind)功能更改为“鼠标按下”并手动选择该行(感谢 @drw85 的想法)，之后它工作正常。

function LoadMainShiftGrid() {

$('#shiftReport').data('kendoGrid').tbody.on('mousedown', function (e) {

    //select the clicked row manually; this resolves all problem :D
    $('#shiftReport').data("kendoGrid").select(e.target.parentElement);

   if (e.which == 3) {
        $("#plodDetails").hide();            
        var gridData = $('#shiftReport').data("kendoGrid");
        var selectedRowData = gridData.dataItem($('.k-grid').find("tr.k-state-selected"));    
        var SelectedPlodId = selectedRowData.PlodId;                        
    }

    //For Left Click --> Show Plod Details    
    if (e.which == 1) {
        var gridData = $('#shiftReport').data("kendoGrid");
        var selectedRowData = gridData.dataItem($('.k-grid').find("tr.k-state-selected"));
        var SelectedPlodId = selectedRowData.PlodId;           
    }
});
}