.NET实现Repeater控件+AspNetPager控件分页

2025-05-29 0 57

当然首先你要把bin文件放进你的项目,并加到你的工具栏去

?

1

2

3

4

5

6

7

8

9

10

11
//页头需引用的

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

控件部分(格式已经设计好)

<webdiyer:AspNetPager ID="AspNetPager1" runat="server" AlwaysShow="True" FirstPageText="<font face='Webdings'>9</font>"

LastPageText="<font face='Webdings'>:</font>" NextPageText="<font face='Webdings'>8</font>"

PrevPageText="<font face='Webdings'>7</font>" ShowCustomInfoSection="Left" InputBoxStyle="width:19px"

TextAfterInputBox="页" TextBeforeInputBox="转到第" CustomInfoHTML="共检索到<strong>%RecordCount%</strong>条记录 页次:<strong>%CurrentPageIndex%/%PageCount%</strong> 每页<strong>%PageSize%</strong>条"

HorizontalAlign="Right" Width="100%" ShowInputBox="Always" OnPageChanged="AspNetPager1_PageChanged"

PageSize="20" ShowBoxThreshold="1">

</webdiyer:AspNetPager>

后台绑定的代码

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15
void databind()

{

int QYId = Convert.ToInt32(Request.Cookies["CompenyUser"].Value);//企业的Id

DataTable dt = bll.Viewlist(QYId);

this.AspNetPager1.RecordCount = dt.Rows.Count;//获取数据的总数

PagedDataSource pds = new PagedDataSource();

pds.DataSource = dt.DefaultView;//为控件绑定数据

pds.AllowPaging = true;//分页启用

pds.PageSize = AspNetPager1.PageSize;//获取每页显示的数量

pds.CurrentPageIndex = AspNetPager1.CurrentPageIndex - 1;

Repeater1.DataSource = pds;

Repeater1.DataBind();

}

分页,只需要把绑定放在AspNetPager1_PageChanged 事件里

再给大家一个实例

前台页面代码

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TF_Product.aspx.cs" Inherits="TF_Product" %>

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

<%@ Register assembly="AspNetPager" namespace="Wuqi.Webdiyer" tagprefix="webdiyer" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>通服产品</title>

<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function()

{

//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked

$("#firstpane p.menu_head").click(function()

{

$(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

$(this).siblings().css({backgroundImage:"url(left.png)"});

});

});

</script>

<style type="text/css">

.menu_list { width: 229px; font-size:13px; }

.menu_head { padding: 8px 60px; cursor: pointer; position: relative; margin:1px; height:16px; background: #DFEDFA url(left.png) center right no-repeat; }

.menu_body { display:none;}

.menu_body a { display:block; color:#006699; background-color:#EFEFEF; padding-left:60px; padding-top:8px; padding-bottom:3px; text-decoration:none; }

.menu_body a:hover { color: #000000; text-decoration:underline; }

</style>

<meta name="keywords" content="通服科技">

<meta name="description" content="江西通服科技有限公司">

<link href="./Index_files/style.css" type="text/css" rel="stylesheet">

<script src="js/AC_RunActiveContent.js" type="text/javascript"></script>

<!--焦点图-->

<style type="text/css">

.anpager{background:#DFEDFA none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;padding:4px 5px 4px 5px;}

.container, .container *{margin:0; padding:0;}

.container{width:886px; height:267px; overflow:hidden;position:relative;}

.slider{position:absolute;}

.slider li{ list-style:none;display:inline;}

.slider img{ width:886px; height:267px; display:block;}

.num{ position:absolute; right:5px; bottom:5px;}

.num li{

float: left;

color: #FF7300;

text-align: center;

line-height: 16px;

width: 16px;

height: 16px;

font-family: Arial;

font-size: 12px;

cursor: pointer;

overflow: hidden;

margin: 3px 1px;

border: 1px solid #FF7300;

background-color: #fff;

}

.num li.on{

color: #fff;

line-height: 21px;

width: 21px;

height: 21px;

font-size: 16px;

margin: 0 1px;

border: 0;

background-color: #FF7300;

font-weight: bold;

}

</style>

<!--焦点图-->

</head>

<body>

<form runat="server">

<!--头部-->

<table width="878" height="114" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">

<tbody>

<tr>

<td height="77">

<table width="878px" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr><td width="73%" height="53" rowspan="2" align="left"><img src="./Index_files/LOGO_SY180-60.png" width="178" height="60" border="0"></td>

<td width="27%" align="right" valign="top">

【登陆】【注册】

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td width="878" align="center" style=" border-bottom:1px solid blue;" ><div style="width:100px; float:left;"></div>

<div id="nav" align="center">

<a href="Default.aspx" target="_self" style="color:Black;">首页 |</a></div>

<div id="nav" align="center">

<a href="TF_RecList.aspx" target="_self" style="color:Black;">新闻中心 |</a></div>

<div id="nav" align="center">

<a href="TF_Product.aspx" target="_self" style="color:Black;">通服产品 |</a></div>

<div id="nav" align="center">

<a href="TF_Objects.aspx" target="_self" style="color:Black;">公司业绩 |</a></div>

<div id="nav" align="center">

<a href="TF_Servers.aspx" target="_self" style="color:Black;">服务中心 |</a></div>

<div id="nav" align="center">

<a href="TF_Solution.aspx" target="_self" style="color:Black;">解决方案 |</a></div>

<div id="nav" align="center">

<a href="AboutUs.aspx" target="_self" style="color:Black;">关于我们 |</a></div>

</td>

</tr>

<tr>

<td align="center" width="878px">

<div class="container" id="idTransformView">

<ul class="slider" id="idSlider">

<li><img src="images/01.jpg"/></li>

</ul>

</div>

</td>

</tr>

</tbody>

</table>

<!--中间-->

<table width="890" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">

<tbody>

<tr>

<td>

<div style="border:1px solid #DFEDFA; height:26px; padding-top:5px; padding-left:1%">

<table width="100%">

<tr>

<td>首页 > 通服产品</td>

<td> </td><td> </td>

<td align="right"><a href="Default.aspx">返回首页</a></td>

</tr>

</table>

</div>

</td>

</tr>

</tbody>

</table>

<table width="890" border="0" align="center" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF">

<tbody>

<tr>

<td width="229" valign="top">

<div>

<img src="img/20140305165205.jpg" width="229px" />

</div>

<div id="firstpane" class="menu_list">

<!--Code for menu starts here-->

<p class="menu_head">基建产品</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=45">普通基建</a><a href="TF_Product.aspx?id=46">美化基建</a>

</div>

<p class="menu_head">无源器件</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=5">天线</a> <a href="TF_Product.aspx?id=14">负载</a>

<a href="TF_Product.aspx?id=11">功分器</a> <a href="TF_Product.aspx?id=17">合路器</a>

<a href="TF_Product.aspx?id=47">耦合器</a> <a href="TF_Product.aspx?id=56">双工器</a>

<a href="TF_Product.aspx?id=70">AC安装配件</a> <a href="TF_Product.aspx?id=89">屏蔽器</a>

</div>

<p class="menu_head">防雷产品</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=10">避雷器</a> <a href="TF_Product.aspx?id=57">防雷箱</a>

</div>

<p class="menu_head">电源产品</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=12">开关电源</a> <a href="TF_Product.aspx?id=23">USP电源</a>

<a href="TF_Product.aspx?id=61">远供电源</a> <a href="TF_Product.aspx?id=81">电源配套</a>

</div>

<p class="menu_head">IP通讯类产品</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=27">IP网络产品</a> <a href="TF_Product.aspx?id=29">IP无线产品</a>

<a href="TF_Product.aspx?id=30">IP安全产品</a> <a href="TF_Product.aspx?id=31">IP存储及服务器</a>

<a href="TF_Product.aspx?id=32">IP多媒体产品</a> <a href="TF_Product.aspx?id=33">IP管理产品</a>

<a href="TF_Product.aspx?id=71">H3C产品</a> <a href="TF_Product.aspx?id=72">迈普产品</a>

<a href="TF_Product.aspx?id=73">迪普产品</a>

</div>

<p class="menu_head">工程辅材</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=6">射频组件</a> <a href="TF_Product.aspx?id=7">电缆组件</a>

<a href="TF_Product.aspx?id=8">光纤组件</a> <a href="TF_Product.aspx?id=9">五类缆组件</a>

<a href="TF_Product.aspx?id=18">接地线</a> <a href="TF_Product.aspx?id=62">辅材包</a>

<a href="TF_Product.aspx?id=82">套管</a> <a href="TF_Product.aspx?id=83">紧固件</a>

</div>

<p class="menu_head">连接器</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=15">射频连接器</a> <a href="TF_Product.aspx?id=16">光纤连接器</a>

<a href="TF_Product.aspx?id=63">转换头</a>

</div>

<p class="menu_head">服务类</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=58">工程建设类</a> <a href="TF_Product.aspx?id=59">工程维护类</a>

<a href="TF_Product.aspx?id=60">软件类</a>

</div>

<p class="menu_head">品牌分销</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=87">华为产品</a>

</div>

<p class="menu_head">配件类</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=67">配件类</a> <a href="TF_Product.aspx?id=86">标准件</a>

</div>

<p class="menu_head">其他</p>

<div class="menu_body">

<a href="TF_Product.aspx?id=66">邮费差额</a> <a href="TF_Product.aspx?id=69">工程类服务费用</a>

<a href="TF_Product.aspx?id=78">折扣</a> <a href="TF_Product.aspx?id=88">设备</a>

</div>

</div>

</td>

<td width="660" valign="top">

<div style="border-bottom:1px solid #DFEDFA; padding-left:2%; margin-left:2%;">

产品类别:<asp:DropDownList ID="ddlProductType" runat="server" DataTextField="pt_name" DataValueField="pt_id">

</asp:DropDownList>

关键字:<asp:TextBox ID="txtGJZ" runat="server"></asp:TextBox>

<asp:Button ID="btnSel" runat="server" Text="搜索" onclick="btnSel_Click" />

</div>

<div> </div>

<div>

<asp:Repeater ID="rp" runat="server">

<ItemTemplate>

<div style="margin-left:2%; border:1px solid #DFEDFA; padding:3px; margin-top:2px; margin-bottom:3px;">

<table width="100%">

<tr height="24px">

<td rowspan="4" width="90px">

<asp:Image ID="Image1" ImageUrl="~/Product_pic/NoPic.jpg" runat="server" Width="90px" Height="90px" />

</td>

<td width="9px"> </td>

<td width="60px">产品型号:</td>

<td><span style="float:left"><%#Eval("pr_guige")%></span><span style="float:right;"><a href="#">查看详情</a></span></td>

</tr>

<tr height="24px">

<td width="9px"> </td>

<td>产品编码:</td>

<td><%#Eval("pr_bianma")%></td>

</tr>

<tr height="30px">

<td width="9px"> </td>

<td>产品描述:</td>

<td><%#Eval("pr_ms")%></td>

</tr>

<tr><td height="8px"> </td></tr>

</table>

</div>

</ItemTemplate>

</asp:Repeater>

<div style="height:22px; margin-left:2%;" align="right">

<webdiyer:AspNetPager ID="AspNetPager1" CssClass="anpager" runat="server" FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PrevPageText="上一页"

onpagechanged="AspNetPager1_PageChanged" PageSize="6" ShowMoreButtons="False" ShowPageIndexBox="Never">

</webdiyer:AspNetPager>

</div>

</div>

</td>

</tr>

</tbody>

</table>

<!--版权声明-->

<table width="878" border="0" align="center">

<tbody>

<tr>

<td>

<img src="./Index_files/foot_02.gif" usemap="#foot" width="878">

</td>

</tr>

</tbody>

</table>

</form>

</body>

</html>

后台代码

?

1

2

3

4

5

6

7

8

9

10

11

12
Tb_productsHelper helper = new Tb_productsHelper();

IList<Tb_productsInfo> list = helper.GetAllListBySql(product_sql);

this.AspNetPager1.RecordCount = list.Count;//绑定总数量

this.AspNetPager1.AlwaysShow = true;

//先声明一个分页类对象

PagedDataSource ps = new PagedDataSource();

ps.AllowPaging = true;

ps.PageSize = this.AspNetPager1.PageSize;

ps.CurrentPageIndex = this.AspNetPager1.CurrentPageIndex-1;

ps.DataSource = list;

this.rp.DataSource = ps;

this.rp.DataBind();

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 .NET实现Repeater控件+AspNetPager控件分页 https://www.kuaiidc.com/100923.html

相关文章

发表评论
暂无评论