前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >DataGrid鼠标事件处理

DataGrid鼠标事件处理

作者头像
Java架构师必看
发布2021-03-22 10:53:50
1.9K0
发布2021-03-22 10:53:50
举报
文章被收录于专栏:Java架构师必看

完成功能是DataGrid的页面选中事件、鼠标事件、双击事件改变TR的色彩。代码很简单,只是一点JS操作。

代码语言:javascript
复制
JS文件:GridControl.js
 =============================
/*------------ DataGrid鼠标事件处理 ------------
 功能:用于数据梆定后鼠标事件
 参数说明:
 obj:对像this
 fontColor:字体颜色
 backColor:背景颜色
 ----------------------------------------------*/
var objState
//------------鼠标经过时-----------
 function OnFoucsMouseOver( obj,fontColor,backColor )
 {
  if ( obj.rowIndex > 0 )
  {
   obj.style.color = fontColor;
   obj.style.backgroundColor = backColor;
  }
 }
//-----------鼠标离开时-----------
 function OnFoucsMouseOut( obj,fontColor,backColor )
 {
  if ( obj.rowIndex > 0 )
  {
   if ( obj != objState )
   {
    obj.style.color = fontColor;
    obj.style.backgroundColor = backColor;
   }
  }
 }
//-----------鼠标单击时-----------
 function OnFoucsClick( obj,fontColor,backColor )
 {
  if ( obj.rowIndex > 0 )
  {
   if ( objState != null )
   {
    objState.style.color = "";
    objState.style.backgroundColor = "";
   }
   obj.style.color = fontColor;
   obj.style.backgroundColor = backColor;
 
   objState = obj;
  }
 }
//-----------鼠标双击时-----------
 function OnFoucsDbClick( obj,fontColor,backColor,openUrl )
 {
  //参数openUrl为要开的新窗口的地址
  if ( obj.rowIndex > 0 )
  {
   if ( objState != null )
   {
    objState.style.color = "";
    objState.style.backgroundColor = "";
   }
   obj.style.color = fontColor;
   obj.style.backgroundColor = backColor;
 
   objState = obj;
 
   window.open( openUrl );
  }
 }
==========================================
后台数据梆定例子:
==========================================
  private void dgList_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
   {
    //
    if ( e.Item.ItemIndex != -1 )
    {
     e.Item.Attributes.Add( "onMouseOver","OnFoucsMouseOver(this,'#FFFFFF','#000000');" );
     e.Item.Attributes.Add( "onMouseOut","OnFoucsMouseOut(this,'#000000','#FFFFFF');" );
     e.Item.Attributes.Add( "onClick","OnFoucsClick( this,'#FFFFFF','#000000' );" );
     e.Item.Attributes.Add( "onDblClick","OnFoucsDbClick( this,'#FFFFFF','#000000','about:bank' );" );
    }
   }
==========================================

前台.aspx页面调用JS文件:

代码语言:javascript
复制
<script language="javascript" src="GridControl.js" type="text/javascript"> </script><script language="javascript" src="GridControl.js"></script>

本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档