C# Repeater、webdiyer:AspNetPager分页 AspNetPager分页样式
版权声明:本文为博主原创文章,未经博主同意不得转载。 https://blog.csdn.net/vaecnfeilong/article/details/32712611
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;
}
效果图:
C# Repeater、webdiyer:AspNetPager分页 AspNetPager分页样式的更多相关文章
- AspNetPager实现真分页+多种样式
真假分页 分页是Web应用程序中最常用到的功能之一.当从数据库中获取的记录远远超过界面承载能力的时候,使用分页可以使我们的界面更加美观,更加的用户友好.分页包括两种类型:真分页和假分页. 其中假分页就 ...
- AspNetPager 多条件分页查询
AspNetPager 这个分页控件一般做后台基本都知道的,我就不多说了(说明与下载链接:http://www.webdiyer.com/Controls/AspNetPager),嘿嘿!其实我也是刚 ...
- ASP.NET Repeater控件实现简单分页
早上,有看MSDN,看到了 PagedDataSource 类 http://msdn.microsoft.com/zh-cn/library/system.web.ui.webcontrols.pa ...
- GridView使用自带分页功能时分页方式及样式PagerStyle
// 转向地址:http://www.bubuko.com/infodetail-412562.html GridView分页,使用自带分页功能,类似下面样式: 在aspx页面中,GridView上的 ...
- asp.net动态网站repeater控件使用及分页操作介绍
asp.net动态网站repeater控件使用及分页操作介绍 1.简单介绍 Repeater 控件是一个容器控件,可用于从网页的任何可用数据中创建自定义列表.Repeater 控件没有自己内置的呈现功 ...
- PageHelper分页+前台BootStrap_pagination样式/BootStrap_table样式
一.PagerHelper分页+前台BootStrap_pagination样式: 效果: 1.引入pageHelper插件:2种方式 pageHelper所需jar包:pagehelper-5 ...
- ci框架——修改分页的显示样式
修改ci框架分页的显示样式 用过ci框架的都知道,ci框架自带的分页样式是1,2下一页,在最开始刷新页面现实的时候如果页面不够多的话,那么首页和末页是不显的,这是ci框架的一个缺点, 这个时候需要我们 ...
- ASP.NET分页正品—分页真
承接上篇博文<ASP.NET真假分页-假分页>:http://blog.csdn.net/u010773667/article/details/38845009,继续解说ASP.NE ...
- ASP.NET真假分页—真分页
当数据量过大,有几万甚至十几万条数据时,每次都从数据库中取出所有数据就会降低查询效率,系统运行慢,还有可能卡死,这时假分页就会显得很不人性化,因此有了真分页的必要性. 正如上篇博文总结归纳,“真”相对 ...
随机推荐
- 大数据技术之_08_Hive学习_04_压缩和存储(Hive高级)+ 企业级调优(Hive优化)
第8章 压缩和存储(Hive高级)8.1 Hadoop源码编译支持Snappy压缩8.1.1 资源准备8.1.2 jar包安装8.1.3 编译源码8.2 Hadoop压缩配置8.2.1 MR支持的压缩 ...
- 用法:node模块都具备的方法(exports、module、require、__filename、__dirname)
凡是玩弄nodejs的人,都明白,每一个模块都有exports.module.require.__filename.__dirname的方法 清楚了解方法的用法后,玩转node就等于清楚了日常讲话的内 ...
- SQL 语句在查询分析器执行很快,程序 Dapper 参数化查询就很慢(parameter-sniffing)
这个问题困扰我好长时间了,使用SQLSERVER 事务探查器找到执行超时的SQL语句,参数查询都是通过执行exe sp_executesql 的存储过程调用,因为它能够分析并缓存查询计划,从而优化查询 ...
- [转] Mac下 快速写博客的软件 MarsEdit
正文 marsedit最好. 这东西还是收费的,这里, 我给个注册码: Name: The Blade SN: RSME3-DA4KUN-3EL6Y-MXD2X-LYMT9-6KGX8-4 ~~~~~ ...
- docker构建自定义镜像
docker构建自定义镜像 要构建一个镜像,第一步准备所需要的文件,第二步编写Dockerfile文件,比如我现在构建一个java web镜像 第一步:准备java web工程的war包文件(这里假设 ...
- 利用echarts自定义环形图
一.代码 app.title = '通讯盒各版本用户占比'; option = { backgroundColor: '#0f0f31', title: { show:true, x:"le ...
- Python 函数介绍
函数的作用 1.减少重复代码 2.方便修改,更易扩展 3.保持代码一致性 函数的命名规则: 1.函数名必须以下划线或字母开头,可以包含任意字母,数字或下划线的组合,不能使用任何的标点符号. 2.函数名 ...
- 2017-12-22 日语编程语言"抚子"-第三版实现初探
前文日语编程语言"抚子" - 第三版特色初探仅对语言的语法进行了初步了解. 之前的语言原型实现尝试(如编程语言试验之Antlr4+JavaScript实现"圈4" ...
- 【读书笔记】iOS-iOS流媒体
在网络上直接看电影已经不是什么新鲜的事情,在iOS等移动设备上也有很多在线视频应用,如国内的PPS和PPLive应用,还有一些新闻视频都可以在线观看,如USA TODY.所以这些在线视频都采用流媒体技 ...
- Linux 学习笔记之超详细基础linux命令 Part 8
Linux学习笔记之超详细基础linux命令 by:授客 QQ:1033553122 ---------------------------------接Part 7----------------- ...