zoukankan      html  css  js  c++  java
  • GridView如何实现无刷新分页?

     

    拖这三控件,ScriptManager、UpdatePanel、GridView,其中GridView放在UpdatePanel里面。设置UpdatePanel的Triggers属性,分别绑定GridView的分页、删除、更新、编辑事件。OK。GridView怎么使用,我就不说了,不会的话去找找资料看看。如下:

    <Triggers>
         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="PageIndexChanging" />
         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowDeleting" />
         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowUpdating" />
         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowEditing" />
    </Triggers>

    所有代码如下:

    <asp:ScriptManager runat="server"   />

                 <asp:UpdatePanel runat="server">

                     <ContentTemplate>

                         <asp:SqlDataSource runat="server" ConnectionString="<%$ ConnectionStrings:AjaxDbConnectionString %>"

                             SelectCommand="SELECT [id], [namer], [title], [content] FROM [userid]"

                             DeleteCommand="DELETE FROM userid WHERE id=@id"

                             UpdateCommand="UPDATE userid SET [namer]=@namer,[title]=@title,[content]=@content WHERE id=@id">

                             <DeleteParameters>

                                 <asp:Parameter />

                             </DeleteParameters>

                             <UpdateParameters>

                                 <asp:Parameter />

                                 <asp:Parameter />

                                 <asp:Parameter />

                             </UpdateParameters>

                             </asp:SqlDataSource>

                         <asp:GridView runat="server" AllowPaging="True" AutoGenerateColumns="False"

                             BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"

                             CellPadding="3" DataKeyNames="id" DataSourceID="SqlDataSource1" PageSize="2">

                             <FooterStyle BackColor="White" ForeColor="#000066" />

                             <Columns>

                                 <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ReadOnly="True"

                                     SortExpression="id" />

                                 <asp:BoundField DataField="namer" HeaderText="namer" SortExpression="namer" />

                                 <asp:BoundField DataField="title" HeaderText="title" SortExpression="title" />

                                 <asp:BoundField DataField="content" HeaderText="content" SortExpression="content" />

                                 <asp:CommandField ShowDeleteButton="True" />

                                 <asp:CommandField ShowEditButton="True" />

                             </Columns>

                             <RowStyle ForeColor="#000066" />

                             <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

                             <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />

                             <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />

                         </asp:GridView>

                     </ContentTemplate>

                     <Triggers>

                         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="PageIndexChanging" />

                         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowDeleting" />

                         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowUpdating" />

                         <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowEditing" />

                     </Triggers>

                 </asp:UpdatePanel>

  • 相关阅读:
    kill all process on a specific port on linux 码农
    rxjs 学习系列二(环境搭建) 码农
    实拍图与摄相头自动合成软件(效果) 码农
    js中for in的用法
    Android sdk资源包res里面的drawable(ldpi、mdpi、hdpi、xhdpi、xxhdpi)
    js中addEventListener中第3个参数
    【agc006f】Blackout
    Trie&可持久化Trie
    【agc014d】Black and White Tree
    【agc009b】Tournament
  • 原文地址:https://www.cnblogs.com/xryyforver/p/1508550.html
Copyright © 2011-2022 走看看