AlwaysShow

总是显示分页控件,即使要分页的数据只有一页

AlwaysShowFirsLastPageNumbr

是否总是显示第一页和最后一页数字页索引按钮

BackImageUrl

面板的背景图像

BorderColor

控件边框的颜色

BorderStyle

控件边框的样式

BorderWidth

控件边框的宽度

ButtonImageAlign

指定当使用图片按钮时,图片的对齐方式

ButtonImageExtension

当使用图片按钮时,图片的类型,如gif或jpg,该值即图片文件的后缀名

ButtonImageNameExtension

自定义图片文件名的后缀字符串(非文件后缀名),如图片1f.gif的ButtonImageNameExtension即为f

CpiButtonImageNameExtension

当前页索引按钮的图片名后缀字符串

CusomInfoSectionWidth

用户自定义信息区的宽度

*CustomInfoTextAlign

用户自定义信息区文本的对齐方式,就是定义当前为第几页,每页多少条信息的位置

Direction

面板中的文本方向,主要就是定义导航文字的方向,一般没什么用

Enabled

控件的已启用状态

EnableUrlRewriting

是否启用Url重写

EnableViewState

控件是否自动保存其状态以用于往返过程

FirstPageText

第一页按钮上显示的文本

*HorizontalAlign

内容水平对齐。就是自定义和导航内容全对齐

ImagePath

当使用图片按钮时,指定图片文件的路径

InvalidPageIndexErr

当用户输入无效的页索引(负值或非数字)时在客户端显示的错误信息

LastPageText

最后一页按钮上显示的文本

LayoutType

分页控件布局方式,可为Table或Div

MoreButtonsClass

应用于更多页(...)分页导航按钮的Css类名

MoreButtonsStyle

应用于更多页(...)分页导航按钮的CSS样式

MoreButtonType

更多页(...)按钮的类型

NavigationButtonsPosition

首页、上页、下页和尾页四个导航按钮的位置

NavigationButtonType

第一页、上一页、下一页和最后一页按钮的类型

NavigationToolTipTextFormatString

分页导航按钮上显示的提示文本的格式

NextPageText

下一页按钮上显示的文本

*NumricButtonCount

要显示的页索引数值按钮的数目。就是显示...前的数字个数

NumericButtonType

页导航数值按钮的类型

PageSize

每页显示的记录数

PagingButtonSpacing

分页导航按钮之间的间距

PagingButtonType

分页导航按钮的类型,是使用文字还是图片

PrevPageText

上一页按钮上显示的文本

ShowBoxThreshold

指定当ShowPageIndexBox设为ShowPageIndexBox.Auto时,当总页数达到多少时才显示页索引输入文本框

ShowCustomInfoSection

显示当前页和总页数信息,默认为不显示,值为left时显示页索引在前,为right时显示在索引后,就是定义共多少页 多少条记录显示的位置,一般选择left

ShowFirstLast

是否在页导航元素中显示第一页和最后一页按钮

*ShowMoreButtons

是否在页导航元素中显示更多页按钮。就是是否显示(...)

ShowNavigationToolTip

是否显示跳转提示

*ShowPageIndex

是否在导航元素中显示数值按钮。就是是否显示(...)前的数字

ShowPageIndexBox

指定页索引文本框或下拉框的显示方式,就是是否显示跳转框

ShowPrevNext

是否在页导航元素中显示上一页和下一页按钮

SubmitButtonImageUrl

提交按钮的图片路径,不设置该属性将使用普通按钮

SubmitButtonStyle

应用于提交按钮的css样式

SubmitButtonText

提交按钮上的文本

TextAferPageIndexBox

页索引输入文本框或下拉框后的文本内容字符串

TextBeforePageIndexBox

页索引输入文本框或下拉框前的文本内容字符串

UrlPageIndexName

当启用Url分页方式时,显示在url中表示要传递的页索引的参数的名称

UrlPageSizeName

Url中设置每页显示记录数(PageSize)的参数名称,如果该 值不为空且Url中该值对应的参数的值不为空且大于0,则该参数的值将覆盖PageSize属性的值

UrlPaging

是否使用url传递分页信息的方式来分页

UrlPagingTarget

Url分页时分页按钮或超链接指向的目标窗口或框架的名称

UrlRewritePattern

Url重写格式

Visible

指示控件是否可见并被呈现出来

Wrap

内容是否换行

迅雷风格:

  1. <style type="text/css">
  2. .aspnetpager {  color: #999; height:20px;line-height:20px;font-size:12px;}
  3. .aspnetpager a, .aspnetpager .cpb { text-decoration:none;padding: 0 5px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:12px; color:#000;height:20px;line-height: 20px;}
  4. .aspnetpager a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;height:20px;line-height: 20px;}
  5. .aspnetpager .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
  6. </style>

属性设置:CssClass="pages" CurrentPageButtonClass="cpb"

只显示上一页、下一页、首页、尾页、跳页输入框、GO的图片样式

  1. <style type="text/css">
  2. .aspnetpager {  color: #344b50; height:25px;line-height:25px;font-size:12px;}
  3. .aspnetpager .srk{height:13px;font-size:12px;vertical-align:middle}
  4. .aspnetpager .btngo{width:26px;height:15px;vertical-align:middle;}
  5. </style>

属性设置:

  1. <webdiyer:AspNetPager ID="AspNetPager1" runat="server"
  2. CustomInfoHTML="共%PageCount%页,当前为第%CurrentPageIndex%页,每页%PageSize%条"
  3. CustomInfoTextAlign="Left" HorizontalAlign="Right" PageIndexBoxType="TextBox"
  4. ShowCustomInfoSection="Left" ShowMoreButtons="False" ShowNavigationToolTip="True"
  5. ShowPageIndexBox="Always" SubmitButtonText="Go"
  6. TextAfterPageIndexBox="页" TextBeforePageIndexBox="转到"
  7. CssClass="aspnetpager" OnPageChanged="AspNetPager1_PageChanged"
  8. ShowPageIndex="False" ImagePath="images/" PagingButtonType="Image"
  9. SubmitButtonImageUrl="images/main_62.gif" ButtonImageAlign="Middle"
  10. PageIndexBoxClass="srk" PageIndexBoxStyle="width:20px"
  11. LayoutType="Div" MoreButtonType="Image"
  12. NavigationButtonsPosition="Right" NumericButtonType="Image"
  13. SubmitButtonClass="btngo">
  14. </webdiyer:AspNetPager>

最终效果:

AspNetPager常用属性及一些样式(本文摘自网络,作者:x123jing)的更多相关文章

  1. AspNetPager常用属性及一些样式

    AlwaysShow 总是显示分页控件,即使要分页的数据只有一页 AlwaysShowFirsLastPageNumbr 是否总是显示第一页和最后一页数字页索引按钮 BackImageUrl 面板的背 ...

  2. ASPNETPager常用属性(近来用到分页属性)

    ASPNETPager常用属性 建议去封装好,然后调用这样比较容易 <webdiyer:aspnetpager id="AspNetPager1" runat="s ...

  3. ASPNETPager常用属性

    <webdiyer:AspNetPager ID="pager" runat="server" class="page" FirstP ...

  4. CSS样式常用属性整理

    web工程师是最近5年刚刚兴起的一门高薪职业,人们的专注度越来越高. 那么前端除了学习html标签之外还需要掌握什么知识点呢? 为大家整理了一个和HTML标签密不可分的知识要点--<CSS样式常 ...

  5. [转]easyui常用控件及样式API中文收藏

    [转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报  分类: java ee(5)  目录(?)[+] CSS类定义: div easyu ...

  6. HTML(七)HTML 表单(form元素介绍,input元素的常用type类型,input元素的常用属性)

    前言 表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 表单能够包含<input> ...

  7. TeeChart for .NET常用属性总结

    本文总结了图表控件Teechart for .NET常用的一些属性,对图表开发人员来说是一个很好的参考. 原文链接:http://blog.csdn.net/u010270772/article/de ...

  8. DataGrid中的常用属性

    DataGrid中的常用属性 $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',w ...

  9. Node.js process 模块常用属性和方法

    Node.js是常用的Javascript运行环境,本文和大家发分享的主要是Node.js中process 模块的常用属性和方法,希望通过本文的分享,对大家学习Node.js http://www.m ...

随机推荐

  1. Ubuntu系统如何查看硬件配置信息

    查看ubuntu硬件信息 1, 主板信息 .查看主板的序列号 -------------------------------------------------- #使用命令 dmidecode | ...

  2. 【Django】Django 文件下载最佳实践

    代码: from django.http import StreamingHttpResponse def big_file_download(request): # do something... ...

  3. 【OpenStack】OpenStack系列10之Horizon详解

    一.参考其他资料即可.可以采用haproxy+apache+horizon方式部署,haproxy/httpd支持ssl.

  4. Windows下的cmd命令行中设置环境编码

    我们都知道,Windows下的cmd命令行默认编码是Windows系统的编码,就是ANSI编码或者说是GBK编码的,这样我们编写的很多应用比如php编写utf-8编码的应用在命令行下面运行时都会出现乱 ...

  5. codeforces A. Sereja and Bottles 解题报告

    题目链接:http://codeforces.com/problemset/problem/315/A 题目意思:有n个soda bottles,随后给出这n个soda bottles的信息.已知第 ...

  6. [Ant] Ant之MacroDef—“宏

    转载自:http://lhq1013.iteye.com/blog/1157234 Ant是一个基于Java的跨平台构建工具,它易于使用,并且可扩展.可升级.    MacroDef——“宏”,在An ...

  7. emmet中文文档 (转载)

    Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: ...

  8. RocketMQ最佳实践

    1.RocketMQ中的专业术语 Topic topic表示消息的第一级类型,比如一个电商系统的消息可以分为:交易消息.物流消息...... 一条消息必须有一个Topic. Tag Tag表示消息的第 ...

  9. mongoDb学习以及spring管理

    1.windows下的安装http://www.cnblogs.com/liuzhiying/p/5915741.html 2.慕课网学习单机操作mongoDb 赋权限:http://blog.csd ...

  10. Android源码编译

    参考百度文章: http://jingyan.baidu.com/article/a501d80ce61ad0ec630f5e0b.html