GridView 行淡入淡出效果答案

【问题标题】：GridView Row Fading EffectGridView 行淡入淡出效果
【发布时间】：2011-02-07 19:39:13
【问题描述】：

编辑：

这是我调试代码后它在运行时生成的内容

<script type='text/javascript'>
$('#ctl00_ContentPlaceHolder1_tabControl_gv_ctl03').show().fadeIn(8000).fadeOut(90000)
</script>

这就是我要找的...

在完成对行的更新后如何突出显示 gridview 控件行？

<asp:GridView runat="server" CssClass="DataWebControlStyle">    
<AlternatingRowStyle CssClass="AlternatingRowStyle" />   
 <RowStyle CssClass="RowStyle" />    <
HeaderStyle CssClass="HeaderStyle" />    
<SelectedRowStyle CssClass="SelectedRowStyle" />
</asp:GridView> 


protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
   //update....
}

【问题讨论】：

标签： javascript jquery asp.net gridview

【解决方案1】：

未经测试，但应该是这样的：

protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
    GridViewRow row = GridViewName.Rows[e.RowIndex];
    var sb = new StringBuilder();
    sb.Append(@"<script type='text/javascript'>");
    sb.Append(string.Format(@"$('#{0}').hide(200)", row.ClientId)); // hide or show here
    sb.Append(@"</script>");

    ScriptManager.RegisterStartupScript(GridViewName, this.GetType(), "showhide", sb.ToString(), false);
}

【讨论】：

我尝试添加但没有看到效果sb.Append(string.Format(@"$('#{0}').show().fadeIn(800).fadeOut(9000)", gvr.ClientID)); 有没有办法添加不同的背景颜色并更改它？
@Abu Hamzah - 你可以使用row.CssClass = AlternatingRowStyle。我认为您的 jquery 没有问题。也许可以通过警报尝试一下，看看您的代码是否正在注册，然后查找 js 错误。我要检查的另一件事是这些行正在生成唯一的客户端 ID。祝你好运！
@Abu Hamzah - 嘿，看看this 的问题。您可以采用不同的方式来处理此问题，并改为绑定客户端单击 onrowdatabound。

【解决方案2】：

protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
    GridViewRow row = GridViewName.Rows[e.RowIndex];
    row.CssClass = "some class that has background-color set";
}

只要您没有明确设置每个单元格的背景颜色，这应该（也未经测试）有效。

注意：我知道你指定了 jQuery，但由于你发布了一个服务器端函数，我认为这更容易。

【讨论】：