GridView72般绝技——数据分页

时间:2021-08-03 08:53:29

2.GridView分页

1.开启GridView允许分页

GridView72般绝技——数据分页

2.每页显示多少行数据

GridView72般绝技——数据分页

3.当前GridView索引更改事件

GridView72般绝技——数据分页

页面代码

        <asp:GridView ID="GridView1" runat="server" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" Font-Size="12px" PageSize="20" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging">
            <FooterStyle BackColor="White" ForeColor="#000066" />
            <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
            <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Right" />
            <RowStyle ForeColor="#000066" />
            <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
            <SortedAscendingCellStyle BackColor="#F1F1F1" />
            <SortedAscendingHeaderStyle BackColor="#007DBB" />
            <SortedDescendingCellStyle BackColor="#CAC9C9" />
            <SortedDescendingHeaderStyle BackColor="#00547E" />
            <PagerSettings FirstPageText="首页" LastPageText="尾页" Mode="NextPreviousFirstLast" NextPageText="下一页" PreviousPageText="上一页" />

        </asp:GridView>

后端实现代码

    public partial class WebGridView : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                bind();
            }
        }


        protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {
            GridView1.PageIndex = e.NewPageIndex;
            bind();
        }


        public void bind()
        {
            SqlHelper s = new SqlHelper();
            DataTable dt = s.ExecuteQuery("select * from t_users where userid<200");
            GridView1.DataSource = dt;
            GridView1.DataBind();
        }

    }

效果

GridView72般绝技——数据分页

这样就实现了GridView的分页功能