AspxGridView内の単一の行をセル内の値に基づいて異なる色に点滅させる方法はありますか?例えば。セルの値が5の場合は、ページ上で目立つように、赤と緑の間の行の背景色を連続的に変更しますか?aspxGridViewの単一行を作成する
私はそれを行うことがカント言う一品を発見したが、これは2008年だった。..
http://www.devexpress.com/Support/Center/p/Q135996.aspx
AspxGridView内の単一の行をセル内の値に基づいて異なる色に点滅させる方法はありますか?例えば。セルの値が5の場合は、ページ上で目立つように、赤と緑の間の行の背景色を連続的に変更しますか?aspxGridViewの単一行を作成する
私はそれを行うことがカント言う一品を発見したが、これは2008年だった。..
http://www.devexpress.com/Support/Center/p/Q135996.aspx
これと同様の問題を確認:CSSクラスで
を前回の回答に記載されているように行に追加されました。次のスクリプトとスタイルを適用できます:
$(function() {
setInterval(flashRow, 500);
});
function flashRow() {
$("tr.blink").toggleClass("red");
}
CSSスタイル:点滅
tr.blink
{
background-color: Green;
}
tr.red
{
background-color: Red;
}
- あなたはRowDataBoundメソッド内の行に追加するCSSスタイル。
を参照してくださいデモhere
この質問はBlinking Rowスレッドで議論されました。
E3324 Code Centralの例をご覧ください。
上記のアプローチを出発点として使用できます。あなたがイベントでそれを行うことができ
<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>
は、現在の行をチェックし
をrowdatabountそれはあなたが
を強調する値である、その後、CSSを追加することによって、現在の行の色を変更することに属性またはcssclassを割り当てます。
OnHtmlRowPrepared:e.Row.Attributes.Add( "flicker"、 "1"); – dyo