使用javascript更改单元格的颜色

时间:2013-04-10 06:38:34

标签: javascript asp.net

我编写了一个用于在asp.net中更改gridview单元格颜色的java脚本。函数如下所示。

        function hello() {
            var gvDrv = document.getElementById("<%= gridviewSearchResult.ClientID %>");
            for (i = 1; i < gvDrv.rows.length; i++) {

                var cell = gvDrv.rows[i].cells;
                var HTML = cell[0].innerHTML;

                if (cell[1].innerHTML == "Combivent") {
                    gvDrv.rows[i].cells[2].className = " PendingRowStyle";
                }
                else {

                }
            }
         }

如果单元格内容为“Combivent”,我会为列应用CSS类PendingRowStyle

我在按钮的onclientclick事件中调用此函数。

现在的问题是,它根据条件改变了细胞的颜色。但是一旦改变它的保留到旧阶段。它就像闪烁那种颜色的细胞一样。为什么那种颜色不会持续到那个细胞。那是什么逻辑?我该如何处理?

注意:我在pageload事件中加载了gridview,在if(!ispostback)里面。

任何人都可以给我一个解决方案吗?

1 个答案:

答案 0 :(得分:0)

在页面加载

if(!isPostback)
{
 FillGridview()
}

并在服务器端按钮单击

protected void Button_Click(object sender, EventArgs e)
{

Page.ClientScript.RegisterStartupScript(this.GetType(), "onclick", "<script anguage=javascript>hello();</script>");   

}