XP 风格的可拖动列、排序的DataGrid的例子

原创 2005年04月27日 13:19:00





(CSS):
body
{
 background-color: buttonface;
 scroll: no;
 margin: 0px;
 border: none;
 overflow: hidden;
}

.xpTable
{
 behavior: url(xpTable.htc);
 sortNoneImageUrl: sortBlank.gif;
 sortUpImageUrl: sortUp.gif;
 sortDownImageUrl: sortDown.gif;
 posUpImageUrl: upArrow.gif;
 posDownImageUrl: downArrow.gif;
 position: relative;
    margin: 0px;
    width: 100%;
  font: menu;
 highlightBackgroundColor: #C1D2EE;
 highlightBorderColor: #316AC5;
 color: windowtext;
  cursor: default;
}
.xpTable THEAD TD
{
 border-left: 1px solid buttonhighlight;
 border-top: 1px solid buttonhighlight;
 border-bottom: 1px solid buttonshadow;
 border-right: 1px solid buttonshadow;
 font: menu;
 color: menutext;
 background-color: buttonface;
    cursor: hand;
    padding-top: 0px;
    padding-bottom: 1px;
}
.xpTable TBODY TR
{
 color: windowtext;
 background: window;
}


本文介绍XP 风格的可拖动列、排序的DataGrid的例子,请查看

要想使用本源代码,请先下载如下文件:

源代码如下:【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 窗体设计器所必需的。 // InitializeComponent(); base.OnInit(e); } /// <summary> /// 设计器支持所需的方法 - 不要使用代码编辑器修改 /// 此方法的内容。 /// </summary> private void InitializeComponent() { this.Load += new System.EventHandler(this.Page_Load); } #endregion } }

DataGrid可调整列宽的表格可排序

  • 2016年02月19日 11:30
  • 59KB
  • 下载

如何使得WIN7下用VS2010做出的MFC程序具有XP风格(摆脱传统界面的效果)

VS2010建一个MFC的工程后,运行生成的对话框还有按钮之类的资源控件的风格是XP以前的传统的界面风格,效果不太令人满意。                                ...

MFC下XP风格的TabCtrl的例子

  • 2008年12月11日 09:30
  • 33KB
  • 下载

MFC下让控件具有XP风格

如果你想让VS6, VS2003,的MFC程序拥有XP风格(#add VS2005自动为xp风格)那么就学习下面的方法吧注:此方法必须是用VC6编译,vs2005转换编译vc6.0的会报错, 自动是x...

MFC下XP风格的TabCtrl的例子

  • 2014年05月28日 12:36
  • 33KB
  • 下载

可拖动列的datagrid

  • 2006年02月23日 09:05
  • 6KB
  • 下载

让你的程序变成xp风格

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ http://blog.csdn.net/limigy/article/details/650008   ...
  • liuy_yy
  • liuy_yy
  • 2012年01月25日 10:15
  • 643

dataGrid中文排序

  • 2013年04月25日 11:00
  • 50KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XP 风格的可拖动列、排序的DataGrid的例子
举报原因:
原因补充:

(最多只允许输入30个字)