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

Question

我的页面中有2个弹性网格。当用户从第二个灵活网格中选择一行时，我想导航到特定的页面并突出显示第一个网格中相应的行(甚至关注特定的单元格)。非常感谢您的帮助!

Answer 1

这可能有点粗糙——我相信还有更优雅的解决方案——但是下面的方法对我来说很有效。

我有一个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);
}