AspNetPager+GridView实现分页的实例代码

2019-05-20 11:38:46于海丽

            pds.DataSource = dt.DefaultView;
            //设置当前页
            pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;
            //设置每页显示页数
            pds.PageSize = AspNetPager1.PageSize;
            //启用分页
            pds.AllowPaging = true;
            //设置GridView的数据源为分页数据源
            GridView1.DataSource = pds;
            //绑定GridView
            GridView1.DataBind();
        }

        protected void AspNetPager1_PageChanged(object sender, EventArgs e)
        {
            //调用绑定分页和GridView
            BindGridView();
        }
    }
}

 CSS样式

.anpager
{
    font: 11px Arial, Helvetica, sans-serif;
    padding:10px 20px 10px 0;
    margin: 0px;
}
.anpager a
{
    padding: 1px 6px;
    border: solid 1px #ddd;
    background: #fff;
    text-decoration: none;
    margin-right:2px
}
.anpager a:visited
{
    padding: 1px 6px;
    border: solid 1px #ddd;
    background: #fff;
    text-decoration: none;
}
.anpager .cpb
{
    padding: 1px 6px;
    font-weight: bold;
    font-size: 13px;
    border:none
}
.anpager a:hover
{
    color: #fff;
    background: #ffa501;
    border-color:#ffa501;
    text-decoration: none;
}

/* AspNetPager1属性设置: CssClass="anpager" CurrentPageButtonClass="cpb"*/