2009-08-19 160 views
5

"jqGrid 3.4"のカスタムデータツールヒントでは、setcellを使用してjqgridのセル内のテキストの色を変更する方法を知りました。どのようにして細胞の背景色を変えることができますか?Jqgridはセルの背景色を設定しました

は、以下の

jQuery("#list").setCell (row,col,'',{ background-color:'red'}); 

jQuery("#list").setCell (row,col,'','',{ bgcolor:'red'}; 

答えて

1
jQuery('#list').setCell('12','name','',{'background-color': 'red'},''); 

あなたは右の行IDを入れていますか?しようとしましたか右のcolName?

また、背景色で引用符がありません。

+0

私はjqGridカスタムフォーマッタを使ってクラスをtdに追加し、CSSをクラスの周りに構築し、位置付けはしません。ユーザーが列を並べ替えることを可能にするプラグインがあることを忘れないでください! –

+0

@Craig Stuntz:私はsachinが提供する方法を使用するように答えを変更しました。ユーザーが列を並べ替えると、グリッドが再び生成され、すべてのクラスが失われます。 –

13

使用背景色などの背景の代わりに、特定のルール:

jQuery("#list").setCell (row,col,val,{background:'#ff0000'}); 
+0

なぜ?背景色を使用すると何が問題なのですか?その情報を共有してください。 – Zasz

+0

私が知る限り、それには何も問題はありません.JQGrid APIの他の部分よりもやや直感的です。 setCell(row、col、val、{'background-color': 'red'});たとえば、背景色などの特定の規則は引用符で渡す必要があります。 –

3
jQuery("#list").setCell (row,col,'',{ 'background-color':'red'}) 

これは(FirefoxとChromeの罰金)私のためにIEで動作しませんでしたので、私はジョンWeersが提案何をしました

jQuery("#list").setCell (row,col,'',{'background':'#ff0000'}); 

これはFirefox、Chrome、IEで動作します。

申し訳ありませんが、私のアカウントは投票には新しく、または明らかにコメントします。そうしないと、Jonの投稿に投票します。

+0

ありがとうAaron :) –

関連する問題