asp.net GridView和DataList實(shí)現(xiàn)鼠標(biāo)移到行行變色
更新時(shí)間：2009年02月12日 20:11:46 作者：
在設(shè)計(jì)頁面添加了DataList控件后，我在使用DataList綁定數(shù)據(jù)時(shí)是通過單元格來綁定的,因此鼠標(biāo)效果就在源代碼頁面去實(shí)現(xiàn)
在GridView控件的RowDataBound事件里添加以下代碼
if (e.Row.RowType == DataControlRowType.DataRow)
{
//當(dāng)鼠標(biāo)移到行上時(shí)更改背景色
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#EE82EE'");
//當(dāng)鼠標(biāo)移開時(shí)還原背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
}
在設(shè)計(jì)頁面添加了DataList控件后，我在使用DataList綁定數(shù)據(jù)時(shí)是通過單元格來綁定的,因此鼠標(biāo)效果就在源代碼頁面去實(shí)現(xiàn)，如下例所示
<asp:DataList ID="DataList1" runat="server" BorderWidth="1" >
<ItemTemplate>
<tr onmouseover="this.style.backgroundColor='#8EC26F'" onmouseout="this.style.backgroundColor=''" >
<td>
<asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.ID") %>'></asp:Label>
</td>
<td>
<asp:Label ID="Label2" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Area") %>'></asp:Label>
</td>
</tr>
</ItemTemplate>
<HeaderTemplate>
Header1</td>
<td>Header2
</HeaderTemplate>
</asp:DataList>
if (e.Row.RowType == DataControlRowType.DataRow)
{
//當(dāng)鼠標(biāo)移到行上時(shí)更改背景色
e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor;this.style.backgroundColor='#EE82EE'");
//當(dāng)鼠標(biāo)移開時(shí)還原背景色
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c");
}
在設(shè)計(jì)頁面添加了DataList控件后，我在使用DataList綁定數(shù)據(jù)時(shí)是通過單元格來綁定的,因此鼠標(biāo)效果就在源代碼頁面去實(shí)現(xiàn)，如下例所示
<asp:DataList ID="DataList1" runat="server" BorderWidth="1" >
<ItemTemplate>
<tr onmouseover="this.style.backgroundColor='#8EC26F'" onmouseout="this.style.backgroundColor=''" >
<td>
<asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.ID") %>'></asp:Label>
</td>
<td>
<asp:Label ID="Label2" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.Area") %>'></asp:Label>
</td>
</tr>
</ItemTemplate>
<HeaderTemplate>
Header1</td>
<td>Header2
</HeaderTemplate>
</asp:DataList>
您可能感興趣的文章:
- 決定何時(shí)使用 DataGrid、DataList 或 Repeater（ASP.NET 技術(shù)文章）
- asp.net Datalist控件實(shí)現(xiàn)分頁功能
- asp.net datalist 用法
- asp.net使用for循環(huán)實(shí)現(xiàn)Datalist的分列顯示功能
- asp.net DataList與Repeater用法區(qū)別
- asp.net 通過aspnetpager為DataList分頁
- asp.net 獲取Datalist中Checkbox的值的小結(jié)
- asp.net中將數(shù)據(jù)庫綁定到DataList控件的實(shí)現(xiàn)方法與實(shí)例代碼
- ASP.NET數(shù)據(jù)綁定之DataList控件實(shí)戰(zhàn)篇
相關(guān)文章
.NET全局靜態(tài)可訪問IServiceProvider的過程詳解(支持Blazor)
為解決在靜態(tài)方法中訪問依賴注入（DI）容器的問題,提出了通過DependencyInjection.StaticAccessor包實(shí)現(xiàn)靜態(tài)訪問,這一方法特別適用于需要在靜態(tài)方法中獲取范圍內(nèi)（Scoped）服務(wù)的場景,感興趣的朋友跟隨小編一起看看吧2024-09-09
MVC微信網(wǎng)頁授權(quán)獲取用戶OpenId
這篇文章主要為大家詳細(xì)介紹了MVC微信網(wǎng)頁授權(quán)，在模板頁中獲取用戶openid，感興趣的小伙伴們可以參考一下2016-09-09
最近在做統(tǒng)計(jì)GridView中某一列的加總值，之前有在RowDataBound事件中中逐筆加總，經(jīng)過測試才知道，這是不正確的，并不能得到所有資料的加總值。2009-11-11
這篇文章主要介紹了ASP.NET讀取RSS的方法,非常實(shí)用的技巧,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細(xì)介紹了Jexus部署.Net Core項(xiàng)目的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了asp.net簡單生成驗(yàn)證碼的方法,涉及asp.net生成隨機(jī)數(shù)與繪制圖片的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
.Net插件框架Managed Extensibility Framework簡介
這篇文章介紹了.Net插件框架Managed Extensibility Framework，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
ASP.NET MVC擴(kuò)展HtmlHelper方法
這篇文章介紹了ASP.NET MVC擴(kuò)展HtmlHelper的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
最近跟著公司做了一個(gè)小項(xiàng)目，雖然不是很好，卻也有點(diǎn)心得，在此和大家分享一下，希望高手能不吝賜教啊。。。還有很多得更加努力學(xué)習(xí)啊2015-06-06
.Net Core3.0 配置Configuration的實(shí)現(xiàn)
這篇文章主要介紹了.Net Core3.0 配置Configuration的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10