码迷,mamicode.com
首页 > Web开发 > 详细

C# Repeater、webdiyer:AspNetPager分页 AspNetPager分页样式

时间:2014-06-22 18:44:13      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:repeater   aspnetpager分页   aspnetpager分页样式   

AspNetPager分页样式:1、网易风格 2、拍拍风格 3、迅雷风格

地址:http://www.webdiyer.com/aspnetpagerdemo/applystyles/default.aspx


BootScript框架下分页:

   <div class="row">
                            <div class="col-lg-1 col-sm-4 col-xs-4 col-xxs-12">
                            </div>
                            <div class="col-lg-11 col-sm-12 col-xs-12 col-xxs-12">
                                <table class="table table-striped table-hover  table-bordered  bootstrap-datatable   " id="DataTables_Table_CSTC" aria-describedby="DataTables_Table_CSTC_info">
                                    <thead>
                                        <tr>
                                            <td class="sorting">客服</td>
                                            <td class="sorting">再联系时间</td>
                                            <td class="sorting">备注信息</td>
                                            <td class="sorting">成交金额</td>
                                            <td class="sorting">时间</td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <asp:Repeater ID="Repeater_CSTC" runat="server">
                                            <ItemTemplate>
                                                <tr>
                                                    <td class=""><%#Eval("CustomerServiceID")%></td>
                                                    <td class=""><%#Eval("NextContactDate")%></td>
                                                    <td class=""><%#Eval("Remark")%></td>
                                                    <td class=""><%#Eval("TransactionAmount")%></td>
                                                    <td class=""><%#Eval("CreateDate").ToString()=="0001/1/1 0:00:00"?"":Eval("CreateDate").ToString()%></td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="row" style="margin-top: 15px;">
                            <div class="col-lg-1 col-sm-4 col-xs-4 col-xxs-12">
                            </div>
                            <div class="col-lg-11 col-sm-12 col-xs-12 col-xxs-12">
                                <%-- <div style='font-size:14px;'>共<label style="color:#20A8D8; font-size:14px;""><%=this.AspNetPager_CSTC.RecordCount %></label>条记录</div>--%>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-1 col-sm-4 col-xs-4 col-xxs-12">
                            </div>
                            <div class="col-lg-11 col-sm-12 col-xs-12 col-xxs-12">
                                <webdiyer:AspNetPager ID="AspNetPager_CSTC" CssClass="paginator" CurrentPageButtonClass="cpb"
                                    OnPageChanged="AspNetPager_CSTC_PageChanged" runat="server" FirstPageText="首页"
                                    LastPageText="尾页" NextPageText="← 下一页" PrevPageText="← 上一页" AlwaysShow="true" ShowPageIndexBox="Never" NumericButtonCount="10"
                                    CurrentPageButtonPosition="End"
                                    ShowFirstLast="false">
                                </webdiyer:AspNetPager>
                            </div>
                        </div>

AspNetPager.css
.paginator {
    font: 11px Arial, Helvetica, sans-serif;
    padding: 10px 0px 10px 0;
    margin: 0px;
    text-align:right;
}

    .paginator a {
        padding: 1px 6px;
        border: solid 1px #ddd;
        background: #fff;
        text-decoration: none;
        margin-right: 2px;
        color: #20A8D8;
    }

        .paginator a:visited {
            padding: 1px 6px;
            border: solid 1px #ddd;
            background: #fff;
            text-decoration: none;
            color: #20A8D8;
        }

    .paginator .cpb {
        padding: 1px 6px;
        font-weight: bold;
        font-size: 13px;
        border: none;
        color: #ffffff;
        background: #20A8D8;
    }

    .paginator a:hover {
        color: #fff;
        background: #20A8D8;
        border-color: #20A8D8;
        text-decoration: none;
    }
效果图:
bubuko.com,布布扣
bubuko.com,布布扣
bubuko.com,布布扣

C# Repeater、webdiyer:AspNetPager分页 AspNetPager分页样式,布布扣,bubuko.com

C# Repeater、webdiyer:AspNetPager分页 AspNetPager分页样式

标签:repeater   aspnetpager分页   aspnetpager分页样式   

原文地址:http://blog.csdn.net/chinaplan/article/details/32712611

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!