作者： cuike519的專欄?? http://blog.csdn.net/cuike519/

我們知道如果datagrid的寬度比較長那么使得我們很難分清楚行數據，也就是很容易

使我們看錯行，我想如果當我們的鼠標移動到datagrid的行上，他可以清楚的顯示給

我們就好了，那么好吧現在我們就開始，首先我們知道datagrid在客戶端被解釋成了

table所以我們有知道table都有tr和td組成，tr就是行，我們只需要在每個tr上面的

onmouseover加入一段javascript腳本就可以實現這個功能，
<table>
<tr οnmοuseοver="this.style.backgroundColor='Silver'"

οnmοuseοut="this.style.backgroundColor='white'"><td>...</td></tr>
</table>
這是從客戶端看到的腳本那么我們可以通過datagrd在綁定數據的ItemDataBound事件

時候將這段腳本加入進去。具體代碼如下：
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==

ListItemType.AlternatingItem){
????e.Item.Attributes.Add

("onmouseover","this.style.backgroundColor='Silver'");
????e.Item.Attributes.Add

("onmouseout","this.style.backgroundColor='white'");
???}
這樣就可以讓鼠標移動過行的時候將顏色變成silver移走之后變成white（本色）。
前面的判斷可以排除鼠標移動到Head和Foot的時候也有相同的效果，這樣可以把腳本

只產生在里面的項上。

或者指定某列變色：
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==

ListItemType.AlternatingItem){
????e.Item.Cells[2].Attributes.Add

("onmouseover","this.style.backgroundColor='Silver'");
????e.Item.Cells[2].Attributes.Add

("onmouseout","this.style.backgroundColor='white'");
???}

不但如此你還可以指定鼠標移動到某一列時鼠標的形狀：
e.Item.Cells[3].Style("cursor") = "hand"
或者點擊某一個單元個顯示提示信息：
e.Item.Cells[3].Attributes.Add("onclick", "alert('你點擊的ID是: " +

e.Item.Cells[0].Text + "!');")
等等...

通過這個方法我們還可以添加在鼠標移動到行上出現提示的效果
e.Item.Cells[2].Attributes.Add("title","在這里可以添加提示信息");

經過實踐發現在綁定的時候你可以添加很多的javascript腳本使你的datagrid看起來

更加生動。
完！

總結

以上是生活随笔為你收集整理的锦上添花DataGrid！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。