AspNetPager常用属性及一些样式

Posted SJT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AspNetPager常用属性及一些样式相关的知识,希望对你有一定的参考价值。

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

内容是否换行

 

迅雷风格:

<style type="text/css">
.aspnetpager {  color: #999; height:20px;line-height:20px;font-size:12px;}
.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;}
.aspnetpager a:hover { background-color: #E61636; color:#fff;border:1px solid #E61636; text-decoration:none;height:20px;line-height: 20px;}
.aspnetpager .cpb { font-weight: bold; color: #fff; background: #E61636; border:1px solid #E61636;}
</style>


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

 

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

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


属性设置:

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

以上是关于AspNetPager常用属性及一些样式的主要内容,如果未能解决你的问题,请参考以下文章

Repeater+AspNetPager+Ajax留言板

css常用标签及属性

前端基础CSS 属性

关于CSS的个人理解

分享一些CSS使用的书写规范顺序与偏门又实用的 CSS 样式

Xcode自定义代码块