자바 스크립트를 사용하여 다시 게시하지 않고 페이징을

Question

Gridview를 사용하고 있습니다. 여러 페이지가 있습니다. 나는 post-back없이 다음 페이지로 가고 싶다. 나는 이미 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

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>