&#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值的方法