Repeater行内變顔色

最新推荐文章于 2025-04-25 21:48:12 发布

转载最新推荐文章于 2025-04-25 21:48:12 发布 · 528 阅读

ASP.net 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用 ASP.NET 中的 Repeater 控件实现行的交互效果，包括鼠标悬停时改变背景颜色及双击事件处理。通过 JavaScript 和 C# 的结合，实现了更加丰富的用户界面体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

protected void Repeater1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //如果是绑定数据行 
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //鼠标经过时，行背景色变 
            e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#9CD45B'");
            //鼠标移出时，行背景色变 
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='#E6F6D0'");
        }
    }
 
 protected void rpt_ItemDataBound(object sender, RepeaterItemEventArgs e)

        {

            if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item)

            {
 
                var tdProgress = e.Item.FindControl("tdProgress") as System.Web.UI.HtmlControls.HtmlTableRow;

                tdProgress.Attributes.Add("ondblclick", string.Format("editProgress('{0}');", id));

                tdProgress.Attributes.Add("onmouseover", "this.style.backgroundColor='#D3DEEF'");

                tdProgress.Attributes.Add("onmouseout", "this.style.backgroundColor='#ffffff'");
 
             }
        }
 
在Repeater中的TR里写JS

< tr onmouseover="Fuscous(this)" onmouseout="Undertone(this)">

< td></td>

< tr>

// 颜色加深

function Fuscous(obj)

{

    obj.style.backgroundColor='#D3DEEF';

}

//颜色恢复为白色

function Undertone(obj)

{

    obj.style.backgroundColor='#ffffff';     

}