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>
最终效果：
