XP 风格的可拖动列、排序的DataGrid的例子
日期：2012-05-02 浏览次数：20376 次
本文介绍XP 风格的可拖动列、排序的DataGrid的例子，请查看
要想使用本源代码，请先下载如下文件：
downarrow.gif
sortBlank.gif
sortUp.gif
sortDown.gif
uparrow.gif
xpTable.css
xpTable.htc
源代码如下：【C#版本】
DragableXpStyleTable.aspx
<%@ Page language="c#" Codebehind="DragableXpStyleTable.aspx.cs"
AutoEventWireup="false" Inherits="eMeng.Exam.DragableXpStyleTable.DragableXpStyleTable" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=gb2312">
<title>XP 风格的可拖动列、排序的DataGrid的例子</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<link rel="stylesheet" type="text/css" href="xpTable.css">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="DragableXpStyleTable" method="post" runat="server">
<div align="center" style="padding:20px"><b>XP 风格的可拖动列、排序的DataGrid的例子。</b></div>
<asp:DataGrid id="xpTable" runat="server" AutoGenerateColumns="False" Cellpadding="2"
BorderWidth="0" BorderStyle="None" STYLE="BORDER-COLLAPSE:separate" Width="90%" CssClass="xpTable">
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<Columns>
<asp:BoundColumn ItemStyle-Height="22" DataField="Title" SortExpression="Title"
HeaderText="文章标题"
HeaderStyle-Font-Bold="True"></asp:BoundColumn>
<asp:BoundColumn DataField="CreateDate" SortExpression="CreateDate"
HeaderText="创建日期" HeaderStyle-Font-Bold="True"
DataFormatString="{0:yyyy年MM月dd日 HH:mm:ss}"></asp:BoundColumn>
<asp:BoundColumn DataField="SubTitle" SortExpression="SubTitle"
HeaderText="所属栏目" HeaderStyle-Font-Bold="True"></asp:BoundColumn>
</Columns>
</asp:DataGrid>
</form>
</body>
</HTML>
DragableXpStyleTable.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.OleDb;
namespace eMeng.Exam.DragableXpStyleTable
{
/// <summary>
/// DragableXpStyleTable 的摘要说明。
/// XP风格的可拖动的DataGrid
/// </summary>
public class DragableXpStyleTable : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid xpTable;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
xpTable.Attributes.Add("altRowColor","oldlace");
xpTable.Attributes.Add("align","center");
string cnString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=";
cnString += System.Web.HttpContext.Current.Server.MapPath("TestTable.mdb")
OleDbConnection cn = new OleDbConnection(cnString);
cn.Open();
要想使用本源代码，请先下载如下文件：
downarrow.gif
sortBlank.gif
sortUp.gif
sortDown.gif
uparrow.gif
xpTable.css
xpTable.htc
源代码如下：【C#版本】
DragableXpStyleTable.aspx
<%@ Page language="c#" Codebehind="DragableXpStyleTable.aspx.cs"
AutoEventWireup="false" Inherits="eMeng.Exam.DragableXpStyleTable.DragableXpStyleTable" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=gb2312">
<title>XP 风格的可拖动列、排序的DataGrid的例子</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio 7.0">
<meta name="CODE_LANGUAGE" Content="C#">
<link rel="stylesheet" type="text/css" href="xpTable.css">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="DragableXpStyleTable" method="post" runat="server">
<div align="center" style="padding:20px"><b>XP 风格的可拖动列、排序的DataGrid的例子。</b></div>
<asp:DataGrid id="xpTable" runat="server" AutoGenerateColumns="False" Cellpadding="2"
BorderWidth="0" BorderStyle="None" STYLE="BORDER-COLLAPSE:separate" Width="90%" CssClass="xpTable">
<HeaderStyle HorizontalAlign="Center"></HeaderStyle>
<Columns>
<asp:BoundColumn ItemStyle-Height="22" DataField="Title" SortExpression="Title"
HeaderText="文章标题"
HeaderStyle-Font-Bold="True"></asp:BoundColumn>
<asp:BoundColumn DataField="CreateDate" SortExpression="CreateDate"
HeaderText="创建日期" HeaderStyle-Font-Bold="True"
DataFormatString="{0:yyyy年MM月dd日 HH:mm:ss}"></asp:BoundColumn>
<asp:BoundColumn DataField="SubTitle" SortExpression="SubTitle"
HeaderText="所属栏目" HeaderStyle-Font-Bold="True"></asp:BoundColumn>
</Columns>
</asp:DataGrid>
</form>
</body>
</HTML>
DragableXpStyleTable.aspx.cs
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.OleDb;
namespace eMeng.Exam.DragableXpStyleTable
{
/// <summary>
/// DragableXpStyleTable 的摘要说明。
/// XP风格的可拖动的DataGrid
/// </summary>
public class DragableXpStyleTable : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid xpTable;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
xpTable.Attributes.Add("altRowColor","oldlace");
xpTable.Attributes.Add("align","center");
string cnString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=";
cnString += System.Web.HttpContext.Current.Server.MapPath("TestTable.mdb")
OleDbConnection cn = new OleDbConnection(cnString);
cn.Open();
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
