JQuery - 检查gridview寻呼机表行答案

【问题标题】：JQuery - Checking for gridview pager table rowJQuery - 检查gridview寻呼机表行
【发布时间】：2011-04-07 13:20:54
【问题描述】：

我在我的 aspx 页面上实现了一个数据源绑定的 gridview，并添加了以下 jquery 以在用户将鼠标悬停在一行上时实现一些更改。问题是当您将鼠标悬停在底部寻呼机行上时，jquery 也会发挥作用，例如更改网格页面等。除了在屏幕上没有寻呼机行的情况下，我还可以使用它。我也尝试过寻找“gridheader”类、计算行数等，但它们似乎都没有完成这项工作。

function PageLoaddCallback(sender, args) {
    $("*[id$='gridResults'] tr:not(tr:last-child)").unbind();
    $("*[id$='gridResults'] tr:not(tr:last-child)").filter(function () {
        return $('td', this).length && !$('table', this).length
    }).hover(
            function () {
                var totalRows = $("#<%=gridResults.ClientID %> tr").length;
                m_bgcolour = $(this).css("background-color");
                var _img = $(this).find("*[id$='hdnField']").val();
                var _name = $(this).find("*[id$='hdnName']").val();
                if ((_img == null) || (_img == "")) {
                    var src = "../../Images/Resources/NoSignature.jpg";
                    _name = "Unknown";
                }
                else {
                    var src = "GetImage.axd?id=" + _img;
                }

                $("#largeImg").attr("src", src);
                $(this).css({ background: "#c4ffc4" });
                $("#lbl").html(_name);
            },
            function () {
                var src = "../../Images/Resources/sample.jpg";
                $("#largeImg").attr("src", src);
                $(this).css({ background: m_bgcolour });
                $("#lbl").html("Sample");
            }
            );

}

});

任何帮助将不胜感激！

谢谢

【问题讨论】：

标签： jquery asp.net gridview

【解决方案1】：

您可以像这样在寻呼机行上放置一个特殊的 CssClass：

<asp:GridView ...>
    <PagerStyle cssClass="pagerRow" />
</asp:GridView>

然后您应该能够使用它来过滤掉行。

【讨论】：

【解决方案2】：

感谢您的帮助.. 无法让您的建议发挥作用，因此向数据行添加了一个 css 类并更改了选择器以查找该类：

<asp:GridView ID="gridResults" runat="server" AutoGenerateColumns="false" RowStyle-CssClass="dataRow">

$("*[id$='gridResults']").find(".dataRow")

【讨论】：