DataGrid鼠标事件方法

http://blog.csdn.net/bgu/

JS文件源码：GridColorControl.js
=====================================

/*-----------------调用说明-----------------
说明：可用于架设页面事件。
入口函数：OnFocusSet(....)
如：OnFocusSet( "#000000","#FFFFFF","#FFFFFF","#000000" )

实用调用例子：
鼠标事件：
onMouseOver='OnFocusSet( "#000000","#FFFFFF","#FFFFFF","#000000" )'
单击事件：
onClick='OnFocusSet( "#000000","#FFFFFF","#FFFFFF","#000000" )'

参数说明：
参数一[color]:未选中时的字体颜色
参数二[backColor]:未选中时的背景颜色
参数三[selectColor]:选中时的字体颜色
参数四[selectBackColor]:选中时的背景颜色
------------------------------------------*/
var Rows=new Array();
var ShiftStartRow="";
var setColor,setBackColor,setSelectColor,setSelectBackColor;

/*---------主函数入口----------*/
function OnFocusSet( color,backColor,selectColor,selectBackColor )
{
setColor = color;
setBackColor = backColor;
setSelectColor = selectColor;
setSelectBackColor = selectBackColor;
Set();
}

//-----------操作----------------
function Set()
{
iRow=window.event.srcElement;
do
{
  iRow=iRow.parentElement;
}
while(iRow.tagName!='TR')
if(event.ctrlKey)
{
  var j=-1;
  for(i=0;i<Rows.length;i++)
  {
   if(iRow==Rows[i])
   {
    j=i;break;
   }
  }
  if(j!=-1)
  {
   for(i=j;i<Rows.length-1;i++)
   {
    Rows[i]=Rows[i+1];
   }
   Rows.length=Rows.length-1;
  }
  else
  {
   Rows[Rows.length]=iRow;
  }
   ShiftStartRow=iRow;
  }
  else if(event.shiftKey)
  {
   if(ShiftStartRow!="")
   {
    var StartIndex=ShiftStartRow.rowIndex;
    var EndIndex=iRow.rowIndex;
    var oTable=iRow.parentElement;Rows.length=0;
    if(StartIndex < EndIndex)
    {
     for(var i=StartIndex;i<EndIndex+1;i++)
     {
      Rows.push(oTable.rows[i]);
     }
    }
    if(StartIndex >= EndIndex)
    {
     for(var i=EndIndex;i<StartIndex+1;i++)
     {
      Rows.push(oTable.rows[i]);
     }
    }
   }
  }
  else
  {
   Rows.length=1;
   Rows[0]=iRow;
   ShiftStartRow=iRow;
  }
  changeColor(iRow);
}

//------------颜色改变------------
function changeColor(obj)
{
for(var i=1;i<obj.parentElement.rows.length;i++)
{
  obj.parentElement.rows(i).style.backgroundColor=setBackColor;
  obj.parentElement.rows(i).style.color=setColor;
}
var keyValue="";
for(i=0;i<Rows.length;i++)
{
  Rows[i].style.backgroundColor=setSelectBackColor;
  keyValue += Rows[i].id+",";
  Rows[i].style.color=setSelectColor;
}
}

===========================================

后台DataGrid梆定方法：

===========================================

private void dgList_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
  {
   if( e.Item.ItemType==ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem || e.Item.ItemType==ListItemType.SelectedItem)
   {
    e.Item.Attributes.Add("onClick","OnFocusSet( '#000000','#FFFFFF','#FFFFFF','#000000' );");
   }
  }

===========================================

前台.aspx文件调用JS即可：<script language="javascript" src="GridColorControl.js" type="text/javascript"> </script>

DataGrid鼠标事件方法相关推荐

Actions(鼠标事件)方法列表
Actions类是seleniumd对鼠标及键盘操作的封装,即为鼠标事件和键盘事件. 常见操作包括: 1.click-----单击鼠标左键 2.context_click-----点击鼠标右键 3.c ...
ArcEngine的鼠标事件中按键判断~
我们都知道,在.Net的鼠标事件中判断鼠标事件方法如下(以button为例): Private Sub Button1_MouseDown(ByVal sender As System.Object, ...
WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题
WPF 触屏事件后触发鼠标事件的问题及 DataGrid 误触问题目录一.触屏事件连带触发鼠标事件的问题二.DataGrid 误触问题及解决方法独立观察员 2021 年 10 月 10 日一 ...
vue el-form鼠标事件导致页面刷新解决方案；vue 阻止多次点击提交数据通用方法...
一.阻止表单自动提交刷新页面:<el-form><el-form-item :inline="true" @submit.native.prevent>&l ...
常用事件方法及技巧(二) -- MouseEvent(鼠标事件)
先说明一下,我并不会把所有的内容都写出来,只列我认为有必要讲解一下的内容.如果要了解全部内容,请参看Flash自带的帮助文件.该系列文章都是按照这个思路写的. 先说一个本人觉得很实用的通用方法:toS ...
Web APIs /APIs --DOM简述/DOM中获取元素方法/事件（含鼠标事件）/操作（含案例）
Web APIs Web APIs 和 JS 的关联性: Web APIs是 W3C 组织的标准,主要学习DOM 和 BOM Web APIs是 JS 所独有的部分主要学习页面交互功能 Web AP ...
模拟键盘鼠标事件有两种方法
实现一个鼠标或者键盘模拟器,可以完成很多功能,比如做一个简单的游戏外挂^_^.通常,模拟键盘鼠标事件有两种方法: 1.keybd_event, mouse_event 2.SendMessage, P ...
html超链接怎么换行,富文本过程中我遇到的问题以及解决方法（超链接换行以及无法接收超链接鼠标事件以及br或者nbsp;标签会崩溃报错的问题）...
1. 或者标签崩溃问题解决方法 HTMLElemen类中 var words = this._getWords(); if (words == null && (!this._c ...
python 捕获鼠标点击事件_Python捕捉和模拟鼠标事件的方法
本文实例讲述了Python捕捉和模拟鼠标事件的方法.分享给大家供大家参考.具体分析如下: 这个假期玩了不少galgame,不过有些很老的游戏没有自动运行模式,点击鼠标又太伤按键了,于是想把滚动鼠标滚轮 ...

DataGrid鼠标事件方法

DataGrid鼠标事件方法相关推荐

最新文章

热门文章