[ASP.net]DataGrid鼠标事件处理-.NET教程,Asp.Net开发

完成功能是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>