webdiyer 的aspnetpager 分页控件 数字按纽紧靠一起的解决方法:

最新推荐文章于 2017-07-12 18:04:53 发布
最新推荐文章于 2017-07-12 18:04:53 发布
阅读量1.6k 收藏
点赞数
文章标签： div xhtml css 浏览器 float server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzgood/article/details/1639606
版权

 webdiyer 的 aspnetpager 分页控件 数字按纽紧靠一起的解决方法:

1:aspnetpager版本为4  开发环境为vs2005;

2 控件的pagingbuttonspacing 设置为20px;

但 网页运行的结果是 pagingbuttonspacing 根本没有起作用. 数字紧靠在一起, 非常难看, 查了 webdiyer 的留言版也没有找到好的解决方法,  版主说是浏览器的问题. 

最根本的原因是 

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

引起的, 网页要符合w3c标准.

标准规定 <span> 标记为内联标记  display:inline  ; 而 内联标记定义的width, height 是无效的, 因为他不是容器block;

要想让他生效就得定义 <span style="display:block;width:10; height:20px">;

查看控件生成的静态代码后设置一下css

.aspNetPage_spanStyle font,.aspNetPage_spanStyle a, .aspNetPage_spanStyle span
{
  display:block; display:inline
  float:left; 
}
.aspNetPage_spanStyle a
{
  background-color:#f6f6f6;
  cursor:hand;
}

主要是第一个css样式起作用;

 我的aspNetPage 控件在页面中的标记为

 <div><webdiyer:aspnetpager CssClass="aspNetPage_spanStyle" id="AspNetPager1" runat="server"  nextpagetext="<span style='color:red;font-weight:bold'>【下一页】</span>"
                onpagechanged="AspNetPager1_PageChanged" pagesize="20" pagingbuttonspacing="15px"
                prevpagetext="<span style='color:red;font-weight:bold'>【上一页】</span>" showdisabledbuttons="true"
                showfirstlast="false" showinputbox="Never" showpageindex="true" width="100%"></webdiyer:aspnetpager><div style="clear:both"></div></div>
        </div>

定义了 两个div , 外边的div就不说了, 里边的div是清除浮动层用的;

结束;

我的方法有些麻烦, 不过解决了我的问题, 如果你有更好的代码请 留言; 多谢;

hzgood
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AspNetPager不显示的N种可能性
dataadapters的专栏
07-19 486
1、要分页的记录总数只要一页且AlwaysShow设为false（默认）；2、Visible属性设为false；3、未设置RecordCount值。
AspNetPager6.0分页控件 增强版
几米天空.NET
03-01 1109
 增加了可自定义每页的记录数,并修订了在ajax的情况下,js不能动态绑定页面记录数绑定的问题部分代码如下:        /**////         protected override void RenderContents(HtmlTextWriter writer)        ...{            if (PageCount  1 && !AlwaysSh
Asp.Net分页控件【AspNetPager】拖入即用!
05-15
这个分页控件名为AspNetPager控件，是Asp.net上使用率最高的分页控件,想怎么分就怎么分.附带'超详细代码注释",好用请给评论. 基本步骤: 1.拖拽控件(存放到到Bin目录下,再拖入工具箱) 2.粘贴复制(已放出实例源码) 3.修改Sql语句,即可使用. 特性如下: 强大的各种属性，附带多种CSS,可自定义CSS，想怎么分就怎么分页！ 上下页,1234分页,首尾分页,页面跳转,等等,统统一步搞定. 实例代码(包内也有): ___________________________________________________________________ Default.aspx页面↓↓ ___________________________________________________________________ <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!--分页控件命名--> <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> <!--分页控件命名--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:DataList ID="DataList1" runat="server"> <ItemTemplate> <%# Eval("ID") %> </ItemTemplate> </asp:DataList> <!--分页控件开始--> <webdiyer:AspNetPager ID="Pager1" runat="server" PageSize="8" CssClass="anpager" OnPageChanged="AspNetPager1_PageChanged" FirstPageText="首页 |" LastPageText="| 尾页" NextPageText="下一页" PrevPageText="上一页" ShowPageIndexBox="Always" AlwaysShow="True" Font-Size="13px"> </webdiyer:AspNetPager> <!--分页控件结束--> </div> </form> </body> </html> ____________________________________________________________ Default.aspx.cs页面代码↓↓ ____________________________________________________________ using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; //引用命名空间 using System.Data; using System.Data.SqlClient; public partial class _Default : System.Web.UI.Page { string connstring = "server=baiyi-js\\SQL2005;uid=sa;pwd=123456;database=xcbaiyi";//修改数据库连接字符串(必须改) protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { SqlConnection conn = null; try { conn = new SqlConnection(connstring); conn.Open(); SqlCommand Count = new SqlCommand(); Count.Connection = conn; Count.CommandText = "select count(*) from tuiguang_2"; //Sql查询语句(必修改) Pager1.RecordCount = (int)Count.ExecuteScalar(); //"Pager1"为分页控件ID.在工具箱拖拽添加控件,同时会在aspx页面顶部添加控件命名控件(无需修改) BindData(); } finally { conn.Close(); } } } //绑定数据-2_只修改Sql语句即可 public void BindData() { SqlConnection conn = new SqlConnection(connstring); string sql = "select * from tuiguang_2";//Sql查询语句(必修改) SqlDataAdapter da = new SqlDataAdapter(sql, conn); DataSet ds = new DataSet(); da.Fill(ds, Pager1.PageSize * (Pager1.CurrentPageIndex - 1), Pager1.PageSize, "temptbl"); DataTable dt = ds.Tables["temptbl"]; DataList1.DataSource = dt; DataList1.DataBind(); } //控件事件-每次重新绑定_不需修改 protected void AspNetPager1_PageChanged(object src, EventArgs e) { BindData(); } }
asp.net下Repeater使用 AspNetPager分页控件
01-21
一、AspNetPager分页控件 分页是Web应用程序中最常用到的功能之一，在ASP.NET中，虽然自带了一个可以分页的DataGrid（asp.net 1.1）和GridView（asp.net 2.0）控件，但其分页功能并不尽如人意，如可定制性差、无法通过Url实现分页功能等，而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页，手工编写分页代码不但技术难度大、任务繁琐而且代码重用率极低，因此分页已成为许多ASP.NET程序员最头疼的问题之一。 AspNetPager针对ASP.NET分页控件的不足，提出了与众不同的解决asp.net中分页问题的方案，即将
AspNetPager分页控件
紫藤阁
04-09 753
分页是Web应用程序中最常用到的功能之一，在ASP.NET中，虽然自带了一个可以分页的DataGrid（asp.net 1.1）和GridView（asp.net 2.0）控件，但其分页功能并不尽如人意，如可定制性差、无法通过Url实现分页功能等，而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页，手工编写分页代码不但技术难度大、任务繁琐而且代码重用率极低，因此分
AspNetPager分页控件、24种样式 支持对种方式和分页。。。
05-30
AspNetPager是一款专为ASP.NET平台设计的高效、易用的分页控件，它提供了24种不同的样式，可以满足各种界面设计需求。这款控件不仅外观多样，而且功能强大，支持多种分页方式，使得在Web应用中处理大量数据时能够...
AspNetPager7.2分页控件及Demo源码
07-03
AspNetPager分页控件的所有导航元素都可以由用户进行单独控制，从6.0版起，AspNetPager支持使用主题（Theme）与皮肤（Skin）统一控件的整体样式，配合asp.net 2.0中的DataSource控件，AspNetPager只需要编写短短几行...
分页控件 Aspnetpager.dll
06-06
在ASP.NET开发中，分页功能是不可或缺的一部分，特别是在处理大量数据时，为了提高用户体验，分页控件显得尤为重要。Aspnetpager.dll是一个专门用于实现ASP.NET分页功能的第三方控件，它极大地简化了网页分页的实现...
解析asp.net的分页控件
01-20
这里我们主要讨论的是AspNetPager控件，它是一个专为ASP.NET WebForm设计的第三方分页控件，由Wuqi.Webdiyer开发。 首先，要在ASP.NET页面中使用AspNetPager控件，我们需要进行以下步骤： 1. 引用控件库：在页面...
AspNetPager 一款强大的ASP .NET 分页控件
03-24
ASP .NET Webform 利用AspNetPager控制实现分页
分页代码ASP.NET自动设置每页显示数目、跳转到指定页面、用户自定义控件
09-21
分页代码ASP.NET自动设置每页显示数目、跳转到指定页面、用户自定义控件
好资源
weixin_34021089的博客
12-15 137
NET、ASP.NET控件及源码大汇总 .NET、ASP.NET控件及源码大汇总 CuteEditor 6.0 在线HTML编辑器的领航者ComponentArt.Charting.WebChart.dllComponentArt.Web.UI 2007.2源代码+实例+DLLComponentArt.WebUI.2007.1破解DLLComponentArt.W...
asp.net的DataGrid分页控件，在Oracle数据库下,每次只取当前页的数据，不使用存储过程。
暴赱『零零伍』的专栏
11-05 2239
写的不算好，仅供参考。 GridPager.ascx: 1 ///////////////////////////////////////////////////////////////////////////////////////GridPager.ascx.cs:using System;using System.Data;using System.Drawing;using System.
牛腩新闻发布系统--分页学习（AspnetPager控件）
十年磨一剑，沉淀……
07-12 932
前言通过牛腩新闻发布系统的学习，了解了如何利用AspnetPager控件来对网页上的表格进行分页，这篇博客分享一下学习心得。分页的由来机房收费系统中大家对DataGridView控件的使用一定不陌生，它是用来显示数据的。同样的，在web开发中也有这样一个控件GridView使用原理大致相同，在处理数据显示上给予程序开发者极大的方便。 但是两者也同样都有一个致命的弊端，当数据过多时候，这个控件便显得有
ASP.NET学习笔记(20081020)----AspNetPager快速入门
zhangxuyu1118的专栏
10-21 1913
AspNetPager是个不错的分页控件，它实现了对数据的分页而不关心数据是怎样产生的。准备引入项目之前，先对控件作者陕北吴旗娃 致敬。 以下是以最简单的过程 来 体验 它的 主要功能：首先：http://topic.csdn.net/u/20081007/13/ee17b5f3-1f85-4b60-84cf-411563b96b6d.html下载DLL，添加AspNetP
2011年 11月底-12月初 51Aspx源码发布详情
weixin_30270561的博客
12-05 86
lhgdialog拓展功能弹窗插件源码 2011-12-02 [VS2010] lhgdialog是一功能强大的简单迷你并且高效的弹出窗口组件，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。 ConfigFileManager(配置文件管理)源码 2011-12-02 [VS2010] 项目...
webdiyer分页样式
txqqnet的专栏
10-29 718
FirstPageText="首页" LastPageText="尾页" meta:resourcekey="AspNetPager1" NextPageText="下一页" OnPageChanged="AspNetPager1_PageChanged" PageSize="193" PrevPageText="上一页" ShowCustomInfoSection="Never"  show
webdiyer:AspNetPager控件样式设置
热门推荐
zhudiwoaini的专栏
02-22 1万+
在做项目时候需要修改webdiyer:AspNetPager分页控件的样式，查找了很多资料。总结如下。 1.引入样式表。 将想要使用的样式表加入到本页面styletype="text/css">style>标记中，或者新建一个css文件如：AspNetPager.css,将样式粘贴进去，并在页面添加<link href="AspNetPager.css" rel="stylesheet
asp.net新闻列表生成静态页之批量和单页生成.docx
01-14
在这个例子中，使用了Webdiyer的AspNetPager分页控件，它可以帮助我们方便地实现分页功能并生成静态页。以下是控件的部分配置代码： ```xml <webdiyer:AspNetPager ID="AspNetPager1" runat="server" ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值