ASP.NET中数据控件中的LinkButton控件点击时更换颜色

简介: 在一些网站上常看见如上图的效果,点击的改变颜色,换一个点击,原先的颜色恢复。 1.

在一些网站上常看见如上图的效果,点击的改变颜色,换一个点击,原先的颜色恢复。


<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;
       }
  }



相关文章
|
5月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
53 8
|
3月前
|
SQL XML 关系型数据库
入门指南:利用NHibernate简化.NET应用程序的数据访问
【10月更文挑战第13天】NHibernate是一个面向.NET的开源对象关系映射(ORM)工具,它提供了从数据库表到应用程序中的对象之间的映射。通过使用NHibernate,开发者可以专注于业务逻辑和领域模型的设计,而无需直接编写复杂的SQL语句来处理数据持久化问题。NHibernate支持多种数据库,并且具有高度的灵活性和可扩展性。
52 2
|
3月前
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
122 0
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
本文讨论了在基于.NET 6和.NET Framework的WinForms项目中添加图表控件的不同方法。由于.NET 6的WinForms项目默认不包含Chart控件,可以通过NuGet包管理器安装如ScottPlot等图表插件。而对于基于.NET Framework的WinForms项目,Chart控件是默认存在的,也可以通过NuGet安装额外的图表插件,例如LiveCharts。文中提供了通过NuGet添加图表控件的步骤和截图说明。
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
|
3月前
|
C# Android开发 iOS开发
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
|
4月前
|
开发框架 JavaScript 前端开发
|
5月前
|
开发框架 .NET 数据库连接
闲话 Asp.Net Core 数据校验(三)EF Core 集成 FluentValidation 校验数据例子
闲话 Asp.Net Core 数据校验(三)EF Core 集成 FluentValidation 校验数据例子
101 1
|
6月前
|
开发框架 JSON 前端开发
利用查询条件对象,在Asp.net Web API中实现对业务数据的分页查询处理
利用查询条件对象,在Asp.net Web API中实现对业务数据的分页查询处理
|
5月前
|
开发框架 前端开发 算法
分享 .NET EF6 查询并返回树形结构数据的 2 个思路和具体实现方法
分享 .NET EF6 查询并返回树形结构数据的 2 个思路和具体实现方法