Question

是否有任何方法可以使AspxGridView中的单行基于单元格中的值闪烁不同的颜色。例如。如果单元格中的值为5，那么在红色和绿色之间不断更改行的背景颜色，以使其在页面上突出显示？

我发现有一篇文章说它无法完成，但这是在2008年。

http://www.devexpress.com/Support/Center/p/Q135996.aspx

Answer 1

在上一个答案中建议将css类添加到行中，您可以应用以下脚本和样式：

$(function () {
    setInterval(flashRow, 500);
});

function flashRow() {
    $("tr.blink").toggleClass("red");
}

Css风格：

tr.blink
{
    background-color: Green;
}

tr.red
{
    background-color: Red;
}

将blink-css样式添加到RowDataBound方法中的行。

请参阅演示here

Answer 2

检查这个类似的问题：

Selectively apply css to a row in a gridview

Answer 3

Blinking Row主题讨论了这个问题。

Answer 4

查看E3324 Code Central示例。

您可以使用所描述的方法作为起点。

Answer 5

        <dx:ASPxTimer ID="ASPxTimer2" runat="server" Interval="250" 
            ClientSideEvents-Tick="function(s,e)
            {
                var table = document.getElementById(gridUsers.name);
                for (i = 0; i <= table.rows.length; i++)
                {
                    var tableRow = document.getElementById(gridUsers.name + '_DXDataRow' + i);
                    if (tableRow.getAttribute('flicker') != '1')
                        return;

                    if (tableRow.style.backgroundColor == '' || tableRow.style.backgroundColor == 'white')
                        tableRow.style.backgroundColor = 'red';
                    else
                        tableRow.style.backgroundColor = 'white';

                }
            }"> 
        </dx:ASPxTimer>

Answer 6

你可以在事件rowdatabount

上做到这一点

检查当前行是否包含您要突出显示的值

然后通过向其添加css属性或指定cssclass来更改当前行的颜色

制作一行aspxGridView flash

6 个答案: