2011-02-09 7 views
16

私は$(ドキュメント).ready(jqGridセルの色を変更するにはどうすればいいですか?

$("#stSearchTermsGrid").setCell(2, 2, '', {color:'red'}) ; 

に次の行を使用しますが、それは動作しません。私は間違った方法でそれを書いたり、間違った場所に置かれました。

私はこの質問をする前に複数回頼まれました、これは私が最初の行を得た方法であることを知っている。しかし、私はまだそれを行うことができないですし、問題がどこにあるかわからない。

+0

私が前に代わりに一つだけ「UI-状態エラーテキスト」は一緒に両方のスタイル「UI-状態エラーUI-状態エラーテキスト」を使うには少し私の答えを更新しました。 – Oleg

+0

jqgridの追加/編集フォームのCSSを変更したいのですが? –

答えて

45

あなたは正しいですあなたが最初ではありません質問した人。私はthe demo

0123を作ったセルの色と状況をクリアします異なる方法でセルのテキストの色や売りの背景色を変更するあなたのための

enter image description here

loadComplete: function() { 
    // 2 is zero-base index of the column 'name' ('Client'). Every from the options 
    // multiselect:true, rownumbers:true and subGrid:true will increase 
    // the index by 1 because the option inserts additional columns 
    $("#6 td:eq(2)", grid[0]).css({color:'red'}); 

    grid.jqGrid('setCell',"12","name","",{color:'red'}); 
    grid.jqGrid('setCell',"10",'name', '', 'my-highlight'); 
    grid.jqGrid('setCell',"8",'name', '', 'ui-state-error ui-state-error-text'); 

    grid.jqGrid('setCell',"4","name","",{'background-color':'yellow', 
             'background-image':'none'}); 
    grid.jqGrid('setCell',"3","name","",'ui-state-highlight'); 
} 

どこ

<style type="text/css"> 
    .my-highlight { color: red; } 
</style> 

と "3"、 " 「4」、「6」、「8」、「10」および「12」は対応する列の色が変更される列の第R行目である。

私の個人的なお気に入りは、jQuery UI Themesの一部である「ui-state-highlight」または「ui-state-error ui-state-error-text」クラスを使用する方法です。私は次のようになり、上記のように同じテーブルone more demo使用ラカエルのテーマを追加し、別のjQuery UIのテーマの使用の場合に異なる方法の使用の違いを理解する:

を更新し

enter image description here

+2

よろしくお願いします! – sanghavi7

+0

@ ankit5607san:ようこそ! jqGridサポート 'cellattr'の現在のバージョン([解答](http://stackoverflow.com/a/7408355/315935参照)、[この1](http://stackoverflow.com/a/12180842/315935) )これは 'loadComplete'の中で' setCell'の使用法として推奨されています。 – Oleg

+0

@Oleg:これは素晴らしいです。しかし、私は名前とインデックスを持つ列のすべてのセルのCSSを変更したい。 –

関連する問題