如何导航或滚动,然后通过jquery突出显示flexigrid中的特定行?

时间:2014-06-12 17:43:46

标签: jquery flexigrid

我的页面中有2 flexigrids。当用户从第二个flexigrid中选择一行时,我想导航到特定页面并突出显示第一个网格中的相应行(甚至是焦点在特定单元格上)。非常感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

这可能有点粗糙 - 而且我确信那里有更优雅的解决方案 - 但以下是适合我的。

我有一个javascript函数,它有一个TD元素有一个参数(你可以使用相同的机制或直接传入表格行。)

该函数获取表格行,从父网格中删除任何选择,然后在将父div滚动到适当的偏移量之前计算出相对于其父div的行的位置。为了可见度,该行也被“选中”。

function HighlightBookingShake(goTD) {
    var row = $(goTD).closest("tr");
    $(row).closest("table").find(".trSelected").each(function () {
        $(this).removeClass("trSelected");
    });
    $(row).addClass("trSelected");
    var goTop = $(row).offset().top;
    var parentDiv = $(row).closest(".bDiv");
    goTop = goTop - parentDiv.offset().top + parentDiv.scrollTop();
    parentDiv.scrollTop(goTop);
}