使用javascript进行无回发的分页

时间:2014-01-12 03:51:41

标签: javascript asp.net aspxgridview

我正在使用Gridview。有几页。我想在没有回复的情况下进入下一页。 我已经尝试过设置EnableSortingAndPagingCallbacks = "true",但后来发现如果有任何TemplateColumn,我将无法工作。那么我怎么能有解决方案呢?以下是我的示例代码......任何人都可以帮忙吗?

<AlternatingItemStyle CssClass="GridAlternateRowStyle"></AlternatingItemStyle>
              <ItemStyle CssClass="GridRowStyle"></ItemStyle>
              <HeaderStyle Font-Bold="True" CssClass="GridColumnHeaderStyle"></HeaderStyle>
              <FooterStyle HorizontalAlign="Right" VerticalAlign="Middle"></FooterStyle>
              <Columns>
                <asp:TemplateColumn>
                  <HeaderStyle Width="25px"></HeaderStyle>
                  <HeaderTemplate>
                    <asp:CheckBox ID="CheckAll" language="javascript" onclick="return CheckAll_onclick(this.checked)"
                      Runat="server" />
                  </HeaderTemplate>
                  <ItemTemplate>
                    <asp:CheckBox ID="DeleteThis" language="javascript" onclick="return DeleteThis_onclick(this.checked)"
                      runat="server" />
                  </ItemTemplate>
                </asp:TemplateColumn>
                <asp:TemplateColumn>
                  <HeaderStyle Width="100px"></HeaderStyle>
                  <HeaderTemplate>
                    Code
                  </HeaderTemplate>
                  <ItemTemplate>
                    <asp:LinkButton id=Code onclick=EditItem runat="server" Text='<%# DataBinder.Eval (Container.DataItem, "EmployeeCode") %>'>
                    </asp:LinkButton>
                  </ItemTemplate>
                </asp:TemplateColumn>
                <asp:BoundColumn DataField="EmployeeName" HeaderText="Name"></asp:BoundColumn>
              </Columns>
              <PagerStyle NextPageText="" PrevPageText="" Mode="NumericPages" CssClass="ControlLinkButtonStyle" Position="TopAndBottom"></PagerStyle>
            </asp:datagrid> 

1 个答案:

答案 0 :(得分:0)

您是否尝试使用client side GridView funcitionality?请看下面的代码

<dx:ASPxGridView ID="_gridView" runat="server" AutoGenerateColumns="False" Width="100%" KeyFieldName="id" DataSourceID="ProjectsCenterDataSource" ClientInstanceName="_gridView">
....
</dx:ASPxGridView>
<script type="text/javascript">
    $(function () {
        $("#button").click(function(){
          _gridView.NextPage(); // or _gridView.GotoPage(10)
        });
    });
</script>