您的位置：首页 > Web前端 > CSS

扩展GridView控件(10) - 自定义分页样式

2009-06-17 20:49 531 查看

GridView既强大又好用。为了让它更强大、更好用，我们来写一个继承自GridView的控件。
[索引页]
[源码下载]

[align=center]扩展GridView控件(10) - 自定义分页样式[/align]

作者：webabcd

/*正式版的实现开始*/
介绍
扩展GridView控件：
自定义分页样式。显示总记录数、每页记录数、当前页数、总页数、首页、上一页、下一页、末页和分页按钮

使用方法（设置CustomPagerSettings复合属性）：
PagingMode - 自定义分页的显示模式
TextFormat - 自定义分页的文本显示样式（四个占位符：{0}-每页显示记录数；{1}-总记录数；{2}-当前页数；{3}-总页数）

关键代码

using System;
using System.Collections.Generic;
using System.Text;

using System.Web.UI.WebControls;
using System.Web.UI;
using System.ComponentModel;
using System.Collections;
using System.Data;
using System.Web.UI.HtmlControls;

namespace YYControls.SmartGridViewFunction

/*正式版的实现结束*/

/*测试版的实现开始*/
介绍
用着GridView自带的分页样式总觉得不太习惯，我们可以在PagerTemplate中来写一些自定义的样式，但是也挺麻烦的，其实我们可以扩展一下GridView，给它再增加一种分页样式

控件开发
1、新建一个继承自GridView的类。

[ToolboxData(@"<{0}:SmartGridView runat='server'></{0}:SmartGridView>")]
public class SmartGridView : GridView
using System;
using System.Collections.Generic;
using System.Text;

using System.ComponentModel;

namespace YYControls.SmartGridView

3、在继承自GridView的类中加一个上面定义的枚举属性

private Paging.PagingStyleCollection _pagingStyle;
[Description("自定义分页样式"), DefaultValue(""), Category("扩展")]
public Paging.PagingStyleCollection PagingStyle
protected override void OnLoad(EventArgs e)

private int? _recordCount = null;
private void ods_Selected(object sender, ObjectDataSourceStatusEventArgs e)
protected override void OnRowCreated(GridViewRowEventArgs e)

控件使用
添加这个控件到工具箱里，然后拖拽到webform上，设置PagingStyle属性为Default，同时设置GridView的原有属性PageButtonCount，FirstPageText，PreviousPageText，NextPageText，LastPageText，FirstPageImageUrl，PreviousPageImageUrl，NextPageImageUrl，LastPageImageUrl
ObjData.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

using System.ComponentModel;

public class OjbData

Default.aspx

<!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>SmartGridView测试</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<yyc:SmartGridView ID="SmartGridView1" runat="server" DataSourceID="ObjectDataSource1"
AutoGenerateColumns="False" AllowPaging="true" PagingStyle="Default">
<Columns>
<asp:BoundField DataField="no" HeaderText="序号" SortExpression="no" ItemStyle-Width="100px" />
<asp:BoundField DataField="name" HeaderText="名称" SortExpression="name" ItemStyle-Width="100px" />
<asp:BoundField DataField="no" HeaderText="序号" SortExpression="no" ItemStyle-Width="100px" />
<asp:BoundField DataField="name" HeaderText="名称" SortExpression="name" ItemStyle-Width="100px" />
<asp:BoundField DataField="no" HeaderText="序号" SortExpression="no" ItemStyle-Width="100px" />
<asp:BoundField DataField="name" HeaderText="名称" SortExpression="name" ItemStyle-Width="100px" />
</Columns>
</yyc:SmartGridView>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="Select"
TypeName="OjbData"></asp:ObjectDataSource>
</div>
</form>
</body>
</html>

/*测试版的实现结束*/

OK
[源码下载]

摘自：webabcd

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航