jquery - カスタム セルの色を使用した jqGrid

Question

jqGrid(jquery grid http://www.trirand.com/blog/ ) でカスタム セル テキストの色を設定することは可能ですか。

より一般的に

1. jqGrid は、グリッドのセルビューを変更するためのフックを提供します。たとえば、価格列のセルが作成または変更されるたびにコールバックを登録できます。

2. または、個別のモデルとビュー (クライアント側) を持つことは可能ですか? たとえば、サーバーから、各行に 2 つのデータを送信できます。つまり、表示方法と表示内容です。

編集：値に基づいてセルを色付けするサンプルフォーマッタを示す例を次に示します

function infractionInFormatter(el, cellval, opts)
{
    $(el).html(cellval).css('color',infraction_color_map[cellval]);
}

colModel :[ 
    ...
    {name:'date', index:'date', width:120, date:true}, 
    {name:'inf_out', index:'inf_out', width:60, formatter:infractionInFormatter,},
    ...
],

Answer 1

はい、できます。カスタムフォーマッタを作成します。これは、colModelで参照を渡す関数にすぎません。関数の最後のセルセレクターへの参照を取得するため、jQueryで実行できることはすべてフォーマッターで実行できます。色/スタイルの変更を含みます。

Answer 2

colModel でクラスを指定することもできます。

colModel: [
           {
            name:'field_x', 
            index:'field_x',  
            align: 'left',  
            width:  35, 
            classes: 'cvteste'
           },
          .....
          ]

Answer 3

セルに xxx 値がある場合は赤の背景色を設定し、値が yyy の場合は緑の背景色を設定します。

私はこのコードを書きました：

.....
colModel:[
    {name:'id',index:'id', width:15,hidden:true, align:"center"},
    {name:'title',index:'title', width:150, align:"center"},
    {name:'start',index:'start', width:350, align:"center", sorttype:"date"},
    {name:'fine',index:'fine', width:350, align:"center", sorttype:"date"},
    {name:'completed',index:'completed', width:120, align:"center",formatter:infractionInFormatter},        
    ],
.....

そして、この関数はあなたの例のようです:

function infractionInFormatter(el, cellval, opts)
        {
            .....
        }

どのように設定すればよいですか？

どうもありがとう。