2011-01-23 14 views
0

stlyeを変更するか、jqGridの特定の行にクラスを追加することは可能でしょうか?私はたくさんの請求書を示すグリッドを持っています。請求書のステータス(列の1つ)がVOIDとして表示されている場合は、行のテキストを赤色にします。私はafterInsertRowイベントを見て、データをチェックできるようになりますが、実際の行に到達できるかどうかはわかりません。私はそれがrowelem(最後のパラメータ)だったと思った。あなたが代わりにafterInsertRowloadCompleteイベントハンドラの内部で請求書のステータスの値をテストすることができ、事前 でスタイルを変更するか、個々のjqGrid行のクラスを追加する

おかげロイド

答えて

2

var grid = $("#list"); 
grid.jqGrid({ 
    // other jqGrid parameters 
    loadComplete: function() { 
     var ids = grid.jqGrid('getDataIDs'); 
     for (var i=0;i<ids.length;i++) { 
      var id=ids[i]; 
      if (grid.jqGrid('getCell',id,'invoiceStatus') === 'VOID') { 
       $('#' + id, grid[0]).css ({color: 'red'}); 
      } 
     } 
    } 
}); 

で「試験」のテキストを持つすべての行をマークし、小さなデモ[クライアント]列にはhereが表示されます。

0

Olegの答えに加えて、これはかなり質問に答えました。私は上に行く必要があり、赤で '空'列のテキストのみを表示する必要があります。私は誰もがこのポストに出くわす場合には、私はこれを行う方法のコードを投稿しようと思いました:

if ($list.jqGrid('getCell',id,'InvoiceStatus') === 'Void') { 
       $list.jqGrid('setCell',id,'InvoiceStatus','',{color: 'red'}); 
      } 

それはオレグの例では、コードの行を置き換える:

$('#' + id, grid[0]).css ({color: 'red'}); 
+0

私が最初に使用した例を書きましたあなたのように '' setCell ''。あなたの質問を書き直した後、「行のテキストを赤色にしたい」と答えると、答えが全行に赤色になるように変更されました。したがって、両方のバージョンが最後に含まれていることは、他の読者には良いことです。 – Oleg

関連する問題