&#091;ASP.net&#093;DataGrid鼠标事件处理

2024-07-10 12:56:48

字体：大中小

来源：转载

供稿：网友

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

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文件：

<script language="javascript" src="gridcontrol.js"></script>

收集最实用的网页特效代码！

上一篇：Asp.net中的代码与表现分离

下一篇：Asp.Net获取本地计算机和其他计算机的MAC值的方法