突出显示kendo分层网格中所选详细信息行的父行

Question

大多数情况下，我想知道在单击详细信息网格中的子行后如何在父行上获取句柄。

我这里有一个代码示例，最终目标是在选中子行时突出显示父行：

$("#gridMasterInfo").delegate('tbody>tr .childcheckbox', 'click', function (e) {    
    var parentcheckbox = $(this).closest("tbody>tr");
    var parentrow = $(this).closest("tbody").next().find("tr");  // Tried this, but no go.  What here?
    var childrow = $(this).closest("tr");     

    if (childrow.hasClass('k-state-selected')) {        
        childrow.removeClass("k-state-selected");         
    } else {                
        childrow.addClass("k-state-selected");
        parentrow.addClass("k-state-selected");
}      

}）

这是我的css：

.childcheckbox, .parentcheckbox {}

感谢您的帮助，

Answer 1

网格正在使用k-detail-row和k-master-row类，因此应选择点击处理程序中的父行：

var parentRow = $(this).closest(".k-detail-row").prev(".k-master-row");
$(parentRow).addClass(".k-state-selected");