AspNetPager常用属性及一些样式(本文摘自网络,作者:x123jing)
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>
最终效果: