ASP.NET中資料控制元件中的LinkButton控制元件點選時更換顏色
在一些網站上常看見如上圖的效果,點選的改變顏色,換一個點選,原先的顏色恢復。
<asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal" RepeatColumns="5" SelectedIndex="0">
<SelectedItemStyle BackColor="Fuchsia" />
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" CommandArgument='<%#Eval("area") %>' CommandName="Select" OnClick="LinkButton1_Click">
<%#Eval("area") %>
</asp:LinkButton>
</ItemTemplate>
</asp:DataList>
1.設定LinkButton的CommandName屬性為Select,如:
<asp:LinkButton ID="LinkButton1" runat="server" CommandName="Select" onclick="LinkButton1_Click">
<%#Eval("area")%>
</asp:LinkButton>
2.在DataList1的SelectedIndexChanged事件中,將點中的行號賦值給ViewState["no"]
protected void DataList1_SelectedIndexChanged(object sender, EventArgs e)
{
ViewState["no"] = DataList1.SelectedIndex.ToString();
DataList1.DataBind();
}
3.DataList1的ItemDataBound事件中設定顏色
protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
{
LinkButton linbtn = (LinkButton)e.Item.FindControl("LinkButton1");
linbtn.ForeColor = System.Drawing.Color.Blue;
if (ViewState["no"] != null)
{
if (e.Item.ItemIndex == Convert.ToInt16(ViewState["no"]))
linbtn.ForeColor = System.Drawing.Color.Red;
}
}
相關文章
- switch控制元件(變更顏色)控制元件
- asp.net中的html控制元件點選事件與伺服器控制元件點選事件的不同ASP.NETHTML控制元件事件伺服器
- VC 對話方塊背景顏色、控制元件顏色控制元件
- html點選<a>元素後顏色的變換HTML
- 短視訊開發,點選按鈕Button,更換背景顏色
- JavaScript元素點選背景顏色切換JavaScript
- JavaScript點選按鈕切換背景顏色JavaScript
- 設定列表控制元件(ListCtrl)各種顏色控制元件
- 解決html中input的placeholder的顏色,點選時消失,input點選時樣式的問題HTML
- UIButton點選更改顏色UI
- js實現的點選連結<a>實現切換背景顏色JS
- 計算機中的顏色XIV——快速變換顏色的V分量計算機
- Win10怎麼更換視窗標題欄顏色 win10更換視窗標題欄顏色的方法Win10
- 點選按鈕實現切換頁面背景顏色效果
- 一鍵修改 xib storyboard 控制元件顏色空間(colorSpace)控制元件
- CSS設定選中網頁文字時的背景和顏色CSS網頁
- word 中批次替換字型顏色
- 顏色轉換
- AOP - 消除控制元件的點選抖動控制元件
- 為ASP.NET控制元件加入快捷選單ASP.NET控制元件
- CSS 改變文字選中顏色CSS
- 美顏SDK更換髮色、染髮功能的實現流程
- iOS不規則控制元件的點選事件iOS控制元件事件
- 十行pyhon程式碼批量更換icon顏色
- JavaScript點選設定背景顏色的選項卡程式碼JavaScript
- iOS專案開發實戰——自定義控制元件背景與顏色iOS控制元件
- asp.net 伺服器控制元件LinkButton等在後臺程式碼中設定js事件或新增css樣式ASP.NET伺服器控制元件JS事件CSS
- asp.net 給button 控制元件 換個背景圖片ASP.NET控制元件
- 在asp.net中ListView的交替背景顏色實現ASP.NETView
- 如何在Mac上更改資料夾顏色,給你的Mac資料夾換個顏色Mac
- 設定文字的選中狀態背景顏色
- asp.net 滑鼠移入Repeater某一行時改變顏色並且checkbox列被選中ASP.NET
- 設定TextView按下時變換文字顏色TextView
- 【張逸】ASP.Net中控制元件的EnableViewState屬性ASP.NET控制元件View
- tkinter中menu選單控制元件(十二)控制元件
- RGB顏色與16進位制顏色的換算方法
- 如何實現連結點選前和點選後的顏色一致
- 線上直播系統原始碼,取CTreeCtrl控制元件選中節點的文字原始碼控制元件