AspNetPager常用属性及一些样式

Posted 2021-08-26 SJT

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>