DataList 中 LinkButton 绑定数据做查询条件OnClick 改变颜色

最新推荐文章于 2020-12-09 08:45:00 发布

原创最新推荐文章于 2020-12-09 08:45:00 发布 · 808 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#server #object #asp #c

asp.net 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在ASP.NET应用中使用DataList控件与LinkButton控件进行交互，实现对数据列表中特定项的选择和样式更改。

/*----------- .aspx 页面源代码 ---------------*/

<asp:DataList ID="dlCourseClass" RepeatColumns="10" runat="server" OnItemCommand="dlCourseClass_ItemCommand" RepeatLayout="Flow" CssClass="line">

<asp:LinkButton ID="linkcourse" CommandName="Find" CommandArgument='<%# Eval("C_ID") %>' runat="server" Text='<%# Eval("C_Name")%>'></asp:LinkButton>

</ItemTemplate>

</asp:DataList>

注意：<%# Eval("C_ID") %> 里面的值要与.cs 页面中的 for 循环的 i 值对应

/*------------ .cs 页面源代码 --------------*/

protected void dlCourseClass_ItemCommand(object source, DataListCommandEventArgs e)
{

          int rowIndex = Convert.ToInt32(e.CommandArgument.ToString());
                for (int i = 1; i < dlCourseClass.Items.Count; i++)
                {
                    if (i == rowIndex)
                    {
                        //选中改变字体颜色
                        LinkButton link = (LinkButton)dlCourseClass.Items[i].FindControl("linkcourse");
                        link.Style.Add("Color", "#369");
                    }
                    else
                    {
                        //不选中字体颜色不变
                        LinkButton link = (LinkButton)dlCourseClass.Items[i].FindControl("linkcourse");
                        link.Style.Add("Color", "#333");
                    }
                }
}