XP 風格的可拖動列、排序的DataGrid的例子

來源:互聯網
上載者:User
datagrid|可拖動|排序 本文介紹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();
cnString = "SELECT TOP 15 D.Title,D.CreateDate,S.Title AS SubTitle ";
cnString += "FROM Document D,Subject S WHERE D.pid=S.id ORDER BY D.CreateDate DESC";
OleDbCommand cmd = new OleDbCommand(cnString,cn);
xpTable.DataSource=cmd.ExecuteReader(CommandBehavior.CloseConnection);
xpTable.DataBind();
cmd.Dispose();
cn.Close();
cn.Dispose();
cn = null;
}

#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN:該調用是 ASP.NET Web Form設計器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/// <summary>
/// 設計器支援所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內容。
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion
}
}



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。