以较少代码实现DataGrid的排序，翻页，删除等功能【2】
2008-01-23 15:12
756 查看
关于上一篇，《以较少代码实现DataGrid的排序，翻页，删除等功能》具体实现的其他辅助代码在这儿，本篇的代码全是多个页面公用代码。
页面代码中，添加，删除，编辑这些按钮，以及DataGrid中的属性设置等HTML代码都去哪儿了呢？
DataGrid控件属性，提交按钮属性，删除按钮属性放到主题中去了。
下面是主题文件：Default.skin -- 页面中，通过styleSheetTheme="Default"来设置主题。
<%--列表页面中的DataGrid--%>
<asp:datagrid SkinID="dgdList" BorderWidth="1px" PageSize="20" Width="98%" BorderColor="#0083B9" HorizontalAlign="Center" BorderStyle="Ridge"
CssClass="tableGrid" AutoGenerateColumns="False" runat="server" AllowSorting="True" AllowPaging="True"
GridLines="Horizontal" SelectedItemStyle-Wrap="false" SelectedItemStyle-CssClass="gridSelectedItem"
EditItemStyle-CssClass="gridEditItem" EditItemStyle-Wrap="false"
AlternatingItemStyle-CssClass="gridAltItem" AlternatingItemStyle-Wrap="false"
ItemStyle-CssClass="gridItem" ItemStyle-Wrap="false"
HeaderStyle-CssClass="gridHeader" HeaderStyle-Wrap="false"
FooterStyle-CssClass="gridFooter" FooterStyle-Wrap="false"
PagerStyle-VerticalAlign="middle" PagerStyle-NextPageText="下一页"
PagerStyle-PrevPageText="上一页" PagerStyle-HorizontalAlign="Left" />
<%--提交按钮--%>
<asp:Button runat="server" Text="提 交" SkinID="Submit" />
<%--删除按钮--%>
<asp:Button runat="server" Text="删除" SkinID="Delete" />
而添加，删除，编辑按钮的HTML放到母版中了。
下面是母版ListMaster.master的代码：
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="ListMaster.master.cs" Inherits="Master_ListMaster" %>
<!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>
<script>
// 添加
// 作者：天志
// 创建日期：2007-9-15
function Add()
{
window.location = GetTableName() + "_Add.aspx";
}
// 编辑
// 作者：天志
// 创建日期：2007-9-15
function Edit(frm)
{
var ret = checkSelect(frm);
if (ret == false)
{
return false;
}
window.location = GetTableName() + "_Edit.aspx?" + GetQuery();
}
// 列表编辑
// 作者：天志
// 创建日期：2007-9-15
function EditList()
{
window.open(GetTableName() + "_EditList.aspx");
}
// 删除
// 作者：天志
// 创建日期：2007-9-15
function Delete(frm)
{
var ret = checkDelete(frm);
if (ret == false)
{
return false;
}
}
// 查看
// 作者：天志
// 创建日期：2007-9-15
function View(frm)
{
var ret = checkSelect(frm);
if (ret == false)
{
return false;
}
window.open(GetTableName() + "_View.aspx?" + GetQuery());
}
// 查询
// 作者：天志
// 创建日期：2007-9-15
function Query()
{
window.location=GetTableName() + "_Query.aspx";
}
// 导出
// 作者：天志
// 创建日期：2007-9-15
function Export()
{
window.open("http://www.cnblogs.com/Import/Export.aspx?tablename=" + GetTableName());
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table class="MenuTable">
<tr>
<td>
</td>
<td class="MenuTDAdd">
<input onclick="return Add()" type="button" value="添 加">
</td>
<td class="MenuTDEdit">
<input onclick="return Edit(this.form)" type="button" value="编 辑">
</td>
<td class="MenuTDEdit">
<input onclick="return EditList()" type="button" value="列表编辑">
</td>
<td class="MenuTDDelete">
<asp:Button ID="btnDel" runat="server" SkinID="Delete" OnClick="btnDel_Click" OnClientClick="return Delete(this.form)" />
</td>
<td class="MenuTDView">
<input onclick="return View(this.form)" type="button" value="查 看">
</td>
<td class="MenuTDQuery">
<input onclick="return Query()" type="button" value="查询">
</td>
<td class="MenuTDExport">
<input onclick="return Export()" type="button" value="导 出">
</td>
<td class="MenuRightTD">
</td>
</tr>
</table>
<br>
<div>
<asp:ContentPlaceHolder ID="DefaultContent" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
至于脚本Add()，Edit(frm)这里就不描述了。
还有，DataGrid中的排序，翻页，行设置哪儿去了？
放到了基类中了。
下面是基类的代码：
/// <copyright>天志（六子） 1999-2007</copyright>
/// <version>1.0</version>
/// <author>天志</author>
/// <email>Xumingxsh21@126.com</email>
/// <log date="2007-11-26">创建</log>
using System;
using System.Data;
using System.Data.SqlClient;
using System.Collections;
using System.Text.RegularExpressions;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Web.UI;
/// <summary>
/// 列表页面基类
/// </summary>
public class BaseListPage : System.Web.UI.Page
{
protected BaseListPage ()
: base()
{
}
/// <summary>
/// Description：覆盖基类。
/// </summary>
/// <param name="e"></param>
/// <author>Xuming</author>
/// <log date="2007-12-11">创建</log>
protected override void OnInit(EventArgs e)
{
// 设置DataGrid的排序，分页事件
if (InitialDataGridControl != null)
{
this.InitialDataGrid(InitialDataGridControl);
}
base.OnInit(e);
}
/// <summary>
/// 设置DataGrid控件的分页，排序事件。
/// </summary>
/// <param name="dgdList"></param>
protected void InitialDataGrid(DataGrid dgdList)
{
dgdList.PageIndexChanged += new DataGridPageChangedEventHandler(DataGrid_PageIndexChanged);
dgdList.ItemCreated += new DataGridItemEventHandler(DataGrid_ItemCreated);
dgdList.SortCommand += new DataGridSortCommandEventHandler(DataGrid_SortCommand);
dgdList.ItemDataBound += new DataGridItemEventHandler(DataGrid_ItemDataBound);
}
/// <summary>
/// 设置事件的DataGrid。
/// </summary>
protected virtual DataGrid InitialDataGridControl
{
get
{
return null;
}
}
/// <summary>
/// 分页。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected virtual void DataGrid_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
{
}
/// <summary>
/// 添加表头的排序标识。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected virtual void DataGrid_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
}
/// <summary>
/// 排序。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected virtual void DataGrid_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
{
}
/// <summary>
/// 设置行格式。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected void DataGrid_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
// 获取每行的数据
DataRowView drv = (DataRowView)e.Item.DataItem;
this.ItemDataBoundSet(sender, e, drv);
}
}
/// <summary>
/// 设置普通行的格式。
/// </summary>
/// <param name="sender">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <param name="drv">行数据</param>
protected virtual void ItemDataBoundSet(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e, DataRowView drv)
{
}
/// <summary>
/// 取得DataGrid的数据源。
/// </summary>
/// <returns>数据源</returns>
/// <author>天志</author>
/// <log date="2007-11-13">创建</log>
protected virtual DataView GetDataView()
{
throw new Exception("没有重写基类中的“GetData()”函数，所以无法设置DataGrid的数据源。");
}
/// <summary>
/// 添加DataGrid的数据源。
/// </summary>
/// <param name="dgdList">DataGrid控件</param>
/// <param name="refresh">是否重新读取数据源</param>
/// <param name="sortExpression">排序字段</param>
/// <author>天志</author>
/// <log date="2007-11-13">创建</log>
private void BindDataGrid(DataGrid dgdList, bool refresh, string sortExpression)
{
}
}
基类里，有几个函数是允许被覆盖的。
GetDataView()：取得DataGrid的数据源。
InitialDataGridControl属性：当前页面中的DataGrid。
ItemDataBoundSet(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e, DataRowView drv)：根据不同的情景，设置DataGrid的行显示格式。
页面代码中，添加，删除，编辑这些按钮，以及DataGrid中的属性设置等HTML代码都去哪儿了呢？
DataGrid控件属性，提交按钮属性，删除按钮属性放到主题中去了。
下面是主题文件：Default.skin -- 页面中，通过styleSheetTheme="Default"来设置主题。
<%--列表页面中的DataGrid--%>
<asp:datagrid SkinID="dgdList" BorderWidth="1px" PageSize="20" Width="98%" BorderColor="#0083B9" HorizontalAlign="Center" BorderStyle="Ridge"
CssClass="tableGrid" AutoGenerateColumns="False" runat="server" AllowSorting="True" AllowPaging="True"
GridLines="Horizontal" SelectedItemStyle-Wrap="false" SelectedItemStyle-CssClass="gridSelectedItem"
EditItemStyle-CssClass="gridEditItem" EditItemStyle-Wrap="false"
AlternatingItemStyle-CssClass="gridAltItem" AlternatingItemStyle-Wrap="false"
ItemStyle-CssClass="gridItem" ItemStyle-Wrap="false"
HeaderStyle-CssClass="gridHeader" HeaderStyle-Wrap="false"
FooterStyle-CssClass="gridFooter" FooterStyle-Wrap="false"
PagerStyle-VerticalAlign="middle" PagerStyle-NextPageText="下一页"
PagerStyle-PrevPageText="上一页" PagerStyle-HorizontalAlign="Left" />
<%--提交按钮--%>
<asp:Button runat="server" Text="提 交" SkinID="Submit" />
<%--删除按钮--%>
<asp:Button runat="server" Text="删除" SkinID="Delete" />
而添加，删除，编辑按钮的HTML放到母版中了。
下面是母版ListMaster.master的代码：
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="ListMaster.master.cs" Inherits="Master_ListMaster" %>
<!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>
<script>
// 添加
// 作者：天志
// 创建日期：2007-9-15
function Add()
{
window.location = GetTableName() + "_Add.aspx";
}
// 编辑
// 作者：天志
// 创建日期：2007-9-15
function Edit(frm)
{
var ret = checkSelect(frm);
if (ret == false)
{
return false;
}
window.location = GetTableName() + "_Edit.aspx?" + GetQuery();
}
// 列表编辑
// 作者：天志
// 创建日期：2007-9-15
function EditList()
{
window.open(GetTableName() + "_EditList.aspx");
}
// 删除
// 作者：天志
// 创建日期：2007-9-15
function Delete(frm)
{
var ret = checkDelete(frm);
if (ret == false)
{
return false;
}
}
// 查看
// 作者：天志
// 创建日期：2007-9-15
function View(frm)
{
var ret = checkSelect(frm);
if (ret == false)
{
return false;
}
window.open(GetTableName() + "_View.aspx?" + GetQuery());
}
// 查询
// 作者：天志
// 创建日期：2007-9-15
function Query()
{
window.location=GetTableName() + "_Query.aspx";
}
// 导出
// 作者：天志
// 创建日期：2007-9-15
function Export()
{
window.open("http://www.cnblogs.com/Import/Export.aspx?tablename=" + GetTableName());
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table class="MenuTable">
<tr>
<td>
</td>
<td class="MenuTDAdd">
<input onclick="return Add()" type="button" value="添 加">
</td>
<td class="MenuTDEdit">
<input onclick="return Edit(this.form)" type="button" value="编 辑">
</td>
<td class="MenuTDEdit">
<input onclick="return EditList()" type="button" value="列表编辑">
</td>
<td class="MenuTDDelete">
<asp:Button ID="btnDel" runat="server" SkinID="Delete" OnClick="btnDel_Click" OnClientClick="return Delete(this.form)" />
</td>
<td class="MenuTDView">
<input onclick="return View(this.form)" type="button" value="查 看">
</td>
<td class="MenuTDQuery">
<input onclick="return Query()" type="button" value="查询">
</td>
<td class="MenuTDExport">
<input onclick="return Export()" type="button" value="导 出">
</td>
<td class="MenuRightTD">
</td>
</tr>
</table>
<br>
<div>
<asp:ContentPlaceHolder ID="DefaultContent" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
至于脚本Add()，Edit(frm)这里就不描述了。
还有，DataGrid中的排序，翻页，行设置哪儿去了？
放到了基类中了。
下面是基类的代码：
/// <copyright>天志（六子） 1999-2007</copyright>
/// <version>1.0</version>
/// <author>天志</author>
/// <email>Xumingxsh21@126.com</email>
/// <log date="2007-11-26">创建</log>
using System;
using System.Data;
using System.Data.SqlClient;
using System.Collections;
using System.Text.RegularExpressions;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Web.UI;
/// <summary>
/// 列表页面基类
/// </summary>
public class BaseListPage : System.Web.UI.Page
{
protected BaseListPage ()
: base()
{
}
/// <summary>
/// Description：覆盖基类。
/// </summary>
/// <param name="e"></param>
/// <author>Xuming</author>
/// <log date="2007-12-11">创建</log>
protected override void OnInit(EventArgs e)
{
// 设置DataGrid的排序，分页事件
if (InitialDataGridControl != null)
{
this.InitialDataGrid(InitialDataGridControl);
}
base.OnInit(e);
}
/// <summary>
/// 设置DataGrid控件的分页，排序事件。
/// </summary>
/// <param name="dgdList"></param>
protected void InitialDataGrid(DataGrid dgdList)
{
dgdList.PageIndexChanged += new DataGridPageChangedEventHandler(DataGrid_PageIndexChanged);
dgdList.ItemCreated += new DataGridItemEventHandler(DataGrid_ItemCreated);
dgdList.SortCommand += new DataGridSortCommandEventHandler(DataGrid_SortCommand);
dgdList.ItemDataBound += new DataGridItemEventHandler(DataGrid_ItemDataBound);
}
/// <summary>
/// 设置事件的DataGrid。
/// </summary>
protected virtual DataGrid InitialDataGridControl
{
get
{
return null;
}
}
/// <summary>
/// 分页。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected virtual void DataGrid_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
{
}
/// <summary>
/// 添加表头的排序标识。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected virtual void DataGrid_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
}
/// <summary>
/// 排序。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected virtual void DataGrid_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
{
}
/// <summary>
/// 设置行格式。
/// </summary>
/// <param name="source">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <author>天志</author>
/// <log date="2007-11-21">创建</log>
protected void DataGrid_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
// 获取每行的数据
DataRowView drv = (DataRowView)e.Item.DataItem;
this.ItemDataBoundSet(sender, e, drv);
}
}
/// <summary>
/// 设置普通行的格式。
/// </summary>
/// <param name="sender">DataGrid控件</param>
/// <param name="e">存储事件数据对象</param>
/// <param name="drv">行数据</param>
protected virtual void ItemDataBoundSet(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e, DataRowView drv)
{
}
/// <summary>
/// 取得DataGrid的数据源。
/// </summary>
/// <returns>数据源</returns>
/// <author>天志</author>
/// <log date="2007-11-13">创建</log>
protected virtual DataView GetDataView()
{
throw new Exception("没有重写基类中的“GetData()”函数，所以无法设置DataGrid的数据源。");
}
/// <summary>
/// 添加DataGrid的数据源。
/// </summary>
/// <param name="dgdList">DataGrid控件</param>
/// <param name="refresh">是否重新读取数据源</param>
/// <param name="sortExpression">排序字段</param>
/// <author>天志</author>
/// <log date="2007-11-13">创建</log>
private void BindDataGrid(DataGrid dgdList, bool refresh, string sortExpression)
{
}
}
基类里，有几个函数是允许被覆盖的。
GetDataView()：取得DataGrid的数据源。
InitialDataGridControl属性：当前页面中的DataGrid。
ItemDataBoundSet(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e, DataRowView drv)：根据不同的情景，设置DataGrid的行显示格式。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 以较少代码实现DataGrid的排序，翻页，删除等功能 【1】
- DataGrid分页显示与DataGride实现排序功能
- Datagrid分页、排序、删除代码
- Java代码使用FTPClient实现ftp文件上传下载和删除的功能
- RecyclerView实现拖动排序和滑动删除功能
- IOS 实现多种分类 添加删除排序功能（LXReorderableCollectionViewFlowLayout）
- 利用JS实现页面删除并重新排序功能
- weui框架实现上传、预览和删除图片功能代码
- AngularJS实现购物车功能,表格的删除,查询,排序功能
- 手工实现GridView排序、删除、编辑、新增数据功能
- pyspider示例代码五：实现自动翻页功能
- JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
- 手工实现GridView排序、删除、编辑、新增数据功能
- table control的修改/排序/删除功能实现实例
- Java实现对中文字符串的排序功能实例代码
- asp.net DataGrid 中文字符排序的实现代码
- C# ListView 点击表头对数据进行排序功能的实现代码
- C++实现洗牌发牌排序功能的示例代码
- .net连接数据库，实现增加，修改，删除，查询的四大功能完整代码。
- GridView 实现自定义分页、排序、查询、添加、编辑、多选删除 之代码规范