Question

这里是Manual和我的代码再次尝试为网格制作固定行：

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/webtoolkit.jscrollable.js" type="text/javascript"></script>
<script src="Scripts/webtoolkit.scrollabletable.js" type="text/javascript"></script> 
<script type="text/javascript">
    $(document).ready(function() {
        jQuery('table').Scrollable(400, 1500);
    });
</script>

    <asp:GridView ID="GridView2" runat="server" 
        DataSourceID="SqlDataSource1" AllowPaging="False" AllowSorting="True" OnPreRender="GridView2_PreRender"
        onrowcreated="GridView1_RowCreated" Width="100%" ondatabound="GridView2_DataBound">
    </asp:GridView>

</asp:Panel>

如何使用GridView限制我的div或某些区域的<Script>范围。

现在它适用于整个页面并将其分解。

（我也有一个关于修复此脚本工作的问题，但主要问题是限制<script> 的范围）

Answer 1

您应该只选择客户端GridView2表。

您可以获取ClientID服务器端属性来构建选择器：

$(document).ready(function() {
  jQuery('#<%=GridView2.ClientID%>').Scrollable(400, 1500);
});

或使用attributeEndsWith选择器

$(document).ready(function() {
  jQuery('table[id$=GridView2]').Scrollable(400, 1500);
});

Answer 2

如果我理解正确，你的问题是你的jQuery选择器在每个表上运行，而你希望它只在GridView上运行。解决方案是使用类或id选择器，并将该类或ID添加到GridView。

或者：

<script type="text/javascript">
    $(document).ready(function() {
        jQuery('#<%=GridView2.ClientID%>').Scrollable(400, 1500);
    });
</script>

<asp:GridView ID="GridView2" runat="server" 
    DataSourceID="SqlDataSource1" AllowPaging="False" AllowSorting="True" OnPreRender="GridView2_PreRender"
    onrowcreated="GridView1_RowCreated" Width="100%" ondatabound="GridView2_DataBound">
</asp:GridView>

或：

$(document).ready(function() {
    jQuery('.myGridviews').Scrollable(400, 1500);
});

<asp:GridView ID="GridView2" CssClass=".myGridviews" runat="server" 
    DataSourceID="SqlDataSource1" AllowPaging="False" AllowSorting="True" OnPreRender="GridView2_PreRender"
    onrowcreated="GridView1_RowCreated" Width="100%" ondatabound="GridView2_DataBound">
</asp:GridView>

编辑：修复了ID，感谢CMS。

jQuery限制<script> </script>的范围

2 个答案: