Asp.net 制作一行aspxGridView闪存
是否有任何方法可以使AspxGridView中的一行根据单元格中的值闪烁不同的颜色。例如,如果单元格中的某个值为5,则连续在红色和绿色之间更改该行的背景颜色,以使其在页面上突出显示 我发现一篇文章说这是不可能的,但这是在2008年Asp.net 制作一行aspxGridView闪存,asp.net,vb.net,devexpress,aspxgridview,Asp.net,Vb.net,Devexpress,Aspxgridview,是否有任何方法可以使AspxGridView中的一行根据单元格中的值闪烁不同的颜色。例如,如果单元格中的某个值为5,则连续在红色和绿色之间更改该行的背景颜色,以使其在页面上突出显示 我发现一篇文章说这是不可能的,但这是在2008年 根据上一个答案中的建议,将css类添加到行中,您可以应用以下脚本和样式: $(function () { setInterval(flashRow, 500); }); function flashRow() { $("tr.blink").togg
根据上一个答案中的建议,将css类添加到行中,您可以应用以下脚本和样式:
$(function () {
setInterval(flashRow, 500);
});
function flashRow() {
$("tr.blink").toggleClass("red");
}
Css样式:
tr.blink
{
background-color: Green;
}
tr.red
{
background-color: Red;
}
Where blink-在RowDataBound方法中添加到行中的css样式
请参见演示查看代码中心示例
您可以使用所描述的方法作为起点。
<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>
您可以在事件RowDataCount上执行此操作
检查当前行是否具有要高亮显示的值
然后通过向当前行添加css属性或在OnHtmlRowPrepared:e.row.attributes.Add(“闪烁”,“1”)中指定cssclass来更改当前行的颜色;