JQuery - 檢查gridview頁面錶行

我已經在我的aspx頁面上實現了一個數據源綁定的gridview，並且添加了下面的jquery，當用戶將鼠標懸停在一行上時，實現了幾個更改。問題是，當你將鼠標懸停在最下面的分頁器行上時，jquery也會起作用，例如更改網格頁面等等。除了在屏幕上沒有分頁器行的情況下，我還可以使用下面的內容。我也試過尋找'gridheader'類，計算行等，但他們似乎沒有做這項工作。JQuery - 檢查gridview頁面錶行

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"); 
      } 
      ); 

}

}）;

任何幫助將不勝感激！

感謝

來源

2011-04-07 Yunus S

你可以把一個特殊的CssClass在尋呼機行，像這樣：

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

然後您應該能夠用它來過濾掉行。

來源

2011-04-07 16:26:42 chprpipr

感謝您的幫助..不能讓你的建議工作，所以增加了一個CSS類的數據行和更改的選擇，以找到類：

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

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

來源

2011-04-11 11:52:28 Yunus

JQuery - 檢查gridview頁面錶行

回答

相關問題