使用JavaScript進行分頁而不回發

Question

我正在使用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> 

Answer 1

您是否嘗試過使用客戶端GridView功能 ？ 看下面的代碼

<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>