GridView自定义分页-白红宇的个人博客

GridView自定义分页

发布日期：2021-05-14 04:38:45 浏览次数：12 分类：博客文章

本文共 2784 字，大约阅读时间需要 9 分钟。

CSS样式

首先把CSS样式代码粘贴过来：

.gv{    border: 1px solid #D7D7D7;    font-size:12px;    text-align:center;}.gvHeader{    color: #3F6293;    background-color: #F7F7F7;    height: 24px;    line-height: 24px;    text-align: center;    font-weight: normal;    font-variant: normal;}.gvHeader th{    font-weight: normal;    font-variant: normal;}.gvRow, .gvAlternatingRow, .gvEditRow{    line-height: 20px;    text-align: center;    padding: 2px;    height: 20px;}.gvAlternatingRow{    background-color: #F5FBFF;}.gvEditRow{    background-color: #FAF9DD;}.gvEditRow input{    background-color: #FFFFFF;    width: 80px;}.gvEditRow .gvOrderId input, .gvEditRow .gvOrderId{    width: 30px;}.gvEditRow .checkBox input, .gvEditRow .checkBox{    width: auto;}.gvCommandField{    text-align: center;    width: 130px;}.gvLeftField{    text-align: left;    padding-left: 10px;}.gvBtAField{    text-align: center;    width: 130px;}.gvCommandField input{    background-image: url(../Images/gvCommandFieldABg.jpg);    background-repeat: no-repeat;    line-height: 23px;    border-top-style: none;    border-right-style: none;    border-bottom-style: none;    border-left-style: none;    width: 50px;    height: 23px;    margin-right: 3px;    margin-left: 3px;    text-indent: 10px;}.gvPage{    padding-left: 15px;    font-size: 18px;    color: #333333;    font-family: Arial, Helvetica, sans-serif;}.gvPage a{    display: block;    text-decoration: none;    padding-top: 2px;    padding-right: 5px;    padding-bottom: 2px;    padding-left: 5px;    border: 1px solid #FFFFFF;    float: left;    font-size: 12px;    font-weight: normal;}.gvPage a:hover{    display: block;    text-decoration: none;    border: 1px solid #CCCCCC;}

GridView样式

根据上面列出的CSS样式样式名称，将他们分别加入网页GridView的不同标记中，举例如下：

Pager分页模板

其中gridview下方的换页代码为：


        
     
                                                 第
         页            /共
         页            
         
          首页
                   
         
          上一页
                   
         
          下一页
                   
         
          尾页

触发事件

方法btnGo_Click的定义如下所示：

protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)        {            GridView1.PageIndex = e.NewPageIndex;            BindData();        }        protected void btnGo_Click(object sender, EventArgs e)        {            if (((LinkButton)sender).CommandArgument.ToString().ToLower().Equals("go"))            {                GridViewRow gridViewRow = GridView1.BottomPagerRow;                TextBox numBox = (TextBox)GridView1.BottomPagerRow.FindControl("txtNewPageIndex");                int inputNum = Convert.ToInt32(numBox.Text);                GridView1.PageIndex = inputNum - 1;                BindData();            }        }

效果图展示及源码下载

点击这里

上一篇：从客户端中检测到有潜在危险的request.form值

下一篇：接口分离原则

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章