[原创]dataGrid在页面拖动行(在表头,用htc文件实现)

原创 2005年04月22日 17:25:00

#region 声明
//----------------------------------------------------------------------
//
// 修改: 李淼(Nick.Lee)
//
// dataGrid在页面拖动行(在表头,用htc文件实现)

// 时间:2005-04-23

// boyorgril@msn.com
// boyorgril@hotmail.com
// QQ:16503096
//注意:引用请标明修改出处,谢谢
//----------------------------------------------------------------------
#endregion


前台页面
<%@ Page language="c#" Codebehind="WebForm5.aspx.cs" AutoEventWireup="false" Inherits="WebApplication1.WebForm5" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>WebForm5</title>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <LINK href="xpTable.css" type="text/css" rel="stylesheet">
 </HEAD>
 <body>
  <form id="Form1" method="post" runat="server">
   <asp:DataGrid id="DataGrid1" runat="server" Font-Size="9pt" CellPadding="4" style="BEHAVIOR:url(grid.htc)"
    BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" BackColor="White">
    <SelectedItemStyle Font-Bold="True" ForeColor="#663399" BackColor="#FFCC66"></SelectedItemStyle>
    <ItemStyle ForeColor="#330099" BackColor="White"></ItemStyle>
    <HeaderStyle Font-Bold="True" ForeColor="#FFFFCC" BackColor="#990000"></HeaderStyle>
    <FooterStyle ForeColor="#330099" BackColor="#FFFFCC"></FooterStyle>
    <PagerStyle HorizontalAlign="Center" ForeColor="#330099" BackColor="#FFFFCC"></PagerStyle>
   </asp:DataGrid>
  </form>
 </body>
</HTML>
后台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;

namespace WebApplication1
{
 /// <summary>
 /// WebForm5 的摘要说明。
 /// </summary>
 public class WebForm5 : System.Web.UI.Page
 {
  protected System.Data.SqlClient.SqlDataAdapter sqlDataAdapter1;
  protected System.Data.SqlClient.SqlCommand sqlSelectCommand1;
  protected System.Data.SqlClient.SqlConnection sqlConnection1;
  protected WebApplication1.DataSet1 dataSet11;
  protected System.Web.UI.WebControls.DataGrid DataGrid1;
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   sqlDataAdapter1.Fill(this.dataSet11);
   this.DataGrid1.DataSource=this.dataSet11.Tables[0];
   this.DataBind();
  }

  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter();
   this.sqlSelectCommand1 = new System.Data.SqlClient.SqlCommand();
   this.sqlConnection1 = new System.Data.SqlClient.SqlConnection();
   this.dataSet11 = new WebApplication1.DataSet1();
   ((System.ComponentModel.ISupportInitialize)(this.dataSet11)).BeginInit();
   //
   // sqlDataAdapter1
   //
   this.sqlDataAdapter1.SelectCommand = this.sqlSelectCommand1;
   this.sqlDataAdapter1.TableMappings.AddRange(new System.Data.Common.DataTableMapping[] {
                           new System.Data.Common.DataTableMapping("Table", "Categories", new System.Data.Common.DataColumnMapping[] {
                                                     new System.Data.Common.DataColumnMapping("CategoryID", "CategoryID"),
                                                     new System.Data.Common.DataColumnMapping("CategoryName", "CategoryName"),
                                                     new System.Data.Common.DataColumnMapping("Description", "Description"),
                                                     new System.Data.Common.DataColumnMapping("Picture", "Picture")})});
   //
   // sqlSelectCommand1
   //
   this.sqlSelectCommand1.CommandText = "SELECT CategoryID, CategoryName, Description, Picture FROM Categories";
   this.sqlSelectCommand1.Connection = this.sqlConnection1;
   //
   // sqlConnection1
   //
   this.sqlConnection1.ConnectionString = "workstation id=/"STAR-NICK/";packet size=4096;user id=sa;data source=/"(local)/";pers" +
    "ist security info=False;initial catalog=Northwind;pwd=sa;";
   //
   // dataSet11
   //
   this.dataSet11.DataSetName = "DataSet1";
   this.dataSet11.Locale = new System.Globalization.CultureInfo("zh-CN");
   this.Load += new System.EventHandler(this.Page_Load);
   ((System.ComponentModel.ISupportInitialize)(this.dataSet11)).EndInit();

  }
  #endregion
 }
}

grid.htc文件:
/**
 * <p>Title: dataGrid在页面拖动行(在表头,用htc文件实现)</p>
 * <p>Description: dataGrid在页面拖动行(在表头,用htc文件实现)</p>
 * <p>Copyright: 2005-2005 by mail_ricklee Corporation</p>
 * <p>Company: mail_ricklee Corporation</p>
 * <p>CreateTime: 2005-04-23 21:30</p>
 * <p>ModifyTime:                 </p>
 * @CreateAuthor 李淼    * @version 1.0
 * @ModifyAuthor         * @version 1.0
 */
<PUBLIC:COMPONENT>
 <PUBLIC:ATTACH EVENT="oncontentready"   ONEVENT="fnInit()"   />
 <PUBLIC:ATTACH EVENT="onclick"   ONEVENT="fnClick()"   />
 <METHOD NAME="menubarpush"/>
 <SCRIPT LANGUAGE="JScript">
  function fnInit()
    {
   for(var i=0;i<element.rows.length;i++)
   {
    var _tr = element.rows[i];
    for(var j=0;j<_tr.cells.length;j++)
    {
     if(i==0)
     {
      _tr.attachEvent("onmousedown", fnMousedown);
      _tr.attachEvent("onmousemove",fnMousemove);
      _tr.attachEvent("onmouseover",fnMouseover);
      _tr.attachEvent("onselectstart",fnCancel);
      window.document.attachEvent("onmouseup", fnMouseup);
      window.document.attachEvent("onmousemove",fnMouseMove);
     }
    }

   }
   var _line = window.document.createElement("DIV");
   _line.style.position = "absolute";
   _line.style.backgroundColor="Silver";
   _line.style.width=1;
   window.document.body.appendChild(_line);
   element.splitLine = _line;
   element.splitLine.style.display = "none";
    }
  function fnMouseover()
  {
   return;
  }
  function fnMouseMove(){
   if(!element.splitlocked) return;
   fnMousemove();  
  }
  function fnMousemove(){
   var oEl = event.srcElement;
   element.splitLine.style.left = window.event.x;
   element.splitLine.style.top = getTop(element);
   element.splitLine.style.height = element.parentElement.clientHeight;
   if(element.splitlocked) return;
   if(!IfSplitLocation(oEl)) return;
  }
  function fnClick(){
   var oEl = event.srcElement;
  }
  function fnMousedown(){
   var oEl = event.srcElement;
   if(!IfSplitLocation(oEl)) return;
   element.splitLine.style.display = "";
   element.splitlocked  = true;
   window.document.attachEvent("onselectstart",fnCancel);
  }
  function fnMouseup()
  {
   element.splitLine.style.display = "none";
   element.splitlocked  = false;
   element.document.body.style.cursor='default';
   if(element.curResizeTD == null) return;
   var otd = element.curResizeTD;
   var otdLeft = getLeft(otd);
   var otdwidth =  element.splitLine.style.pixelLeft - otdLeft
   if(otdwidth < 0) return;
   otd.style.width = otdwidth;
   window.document.detachEvent("onselectstart",fnCancel);
  }
  function IfSplitLocation(oEl)
  {
   if(oEl.tagName == "DIV")
    oEl = oEl.parentElement;
   if(oEl.tagName == "TD")
   {
    if(Math.abs(event.offsetX - oEl.clientWidth) <= 5)
    {
     element.curResizeTD = oEl;
     element.document.body.style.cursor='col-resize';
    }
    else if (Math.abs(event.offsetX) <= 5 && oEl.cellIndex>0){
     if(oEl.cellIndex>0){
      element.curResizeTD = oEl.parentElement.cells(oEl.cellIndex-1);
      element.document.body.style.cursor='col-resize';
     }
    }
    else{
     element.curResizeTD = null;
     element.document.body.style.cursor='default';
     return false;
    }
   }
   return true;
  }
  function getTop(e){
   var t=e.offsetTop;
   while(e=e.offsetParent){
    t+=e.offsetTop;
    }
   return t;
  }
  function getLeft(e){
   var l=e.offsetLeft;
   while(e=e.offsetParent){
    l+=e.offsetLeft;
    }
   return l;
  }
    function fnCancel()
    {
      window.event.returnValue = false;
   return false;
  }
   </SCRIPT>
</PUBLIC:COMPONENT>

新修改了拖动线和去掉边框^_^

siverlight报表,实现datagrid复杂表头

  • 2013年09月06日 16:47
  • 1.69MB
  • 下载

Easyui-Datagrid—表头灵活拖动

用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。 操作上假设是用户–而不是计算机或软件–开始动作。用户扮演主动角色,而不是扮演被动角色。在需要自动执行任务时,要以允许用户...

easyUI datagrid 表格 表头添加菜单,实现可选列。

拿其他人的code,稍微改进了下,shi'x
  • leijuly
  • leijuly
  • 2014年05月16日 15:35
  • 6689

Silverlight DataGrid 多表头 样式实现

首先添加 列的样式引用 xmlns:dgCloumn="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows...

WPF Grid + DataGrid多表头 动态列实现

Grid + DataGrid简单实现了多表头,动态列。Mark~

easyui datagrid 动态表头 动态columns 的一种实现方式

function doUpgradeDataQueryFun(){ var actTypeVal=$("#actType").combobox('getValue'); var actIdVa...

Flex DataGrid多表头实现

  • ljz9425
  • ljz9425
  • 2013年01月25日 09:19
  • 2509

wpf datagrid 实现渐变表头

以下是实现 datagrid 渐变表头的一种fang

Flex DataGrid多表头实现

"kkcsxxDataGrid" width="100%" height="100%" columnWidth="200"                         selectionMode...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[原创]dataGrid在页面拖动行(在表头,用htc文件实现)
举报原因:
原因补充:

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