jqGrid根据单元格值对Grid中的整行着色 [英] jqGrid Coloring an entire line in Grid based upon a cells value
问题描述
我知道它曾经被问过,但是我无法运行它,而且我没有尝试的余地.
I know it's been asked before, but I cant get it to run and I'm out of things to try.
如果值不为1,我想给Grid中的一行着色-为此,我使用了自定义格式程序.格式化程序本身可以工作,这不是问题.
I want to colorize a row in a Grid if its value is not 1 - I use a custom formatter for this. The formatter itself works, that's not the problem.
到目前为止,我已经尝试了多种在网络上找到的方法-添加类,使用setRowData
,使用setCell
...直接添加CSS代码.
I've tried multiple ways I've found so far on the web - adding a class, directly adding CSS code, using setRowData
, using setCell
....
这是我的示例-没有一个对我有用(Linux,ff363)-任何指针都将不胜感激.
Here are my examples - none of them worked for me (Linux, ff363) - any pointer would be greatly appreciated.
27.05.2010_00:00:00-27.05.2010_00:00:00是我的行ID
27.05.2010_00:00:00-27.05.2010_00:00:00 is my row id
<style>
.state_inactive {
background-color: red !important;
}
.state_active {
background-color: green !important;
}
</style>
function format_state (cellvalue, options, rowObject)
{
var elem='#'+options.gid;
if (cellvalue != 1) {
jQuery('#list2').setRowData(options.rowID,'',
{'background-color':'#FF6F6F'});
jQuery('#list2').setRowData('27.05.2010_00:00:00-27.05.2010_00:00:00',
'',{'background-color':'#FF6F6F'});
for (var cnt=0;cnt<rowObject.length;cnt=cnt+1) {
jQuery(elem).setCell(options.rowId,cnt,'','state_inactive','');
jQuery(elem).setCell('"'+options.rowId+'"',cnt,'','state_inactive');
jQuery(elem).setCell('"'+options.rowId+'"',cnt,'5',
{'background-color':'#FF6F6F'},'');
}
} else {
for (var cnt=0;cnt<rowObject.length;cnt=cnt+1) {
jQuery(elem).setCell(options.rowId,cnt,'','state_active','');
}
}
<!-- dont modify, we simply added the class above-->
return cellvalue;
}
推荐答案
在我看来,您的主要问题是您没有设置背景颜色"样式.您应该从行中删除"ui-widget-content"类(来自<tr>
元素)
It seems to me that your main problem is you're not setting a 'background-color' style. You should remove 'ui-widget-content' class from the row (from <tr>
element)
jQuery("#"+ options.rowId,jQuery('#list2')).removeClass('ui-widget-content');
在添加类state_activ
或state_inactive
之前,因为jQuery UI类'ui-widget-content'是像
before adding the class state_activ
or state_inactive
, because jQuery UI class 'ui-widget-content' is define .ui-widget-content
like
{
border: 1px solid #fad42e;
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
color: #363636;
}
并且仅在CSS 'background-color'
的设置下,您并不会真正更改背景颜色.因此,尝试使用类似
and only with setting of CSS 'background-color'
your not really change the background color. So try to use something like
var trElement = jQuery("#"+ options.rowId,jQuery('#list2'));
trElement.removeClass('ui-widget-content');
trElement.addClass('state_active');
这篇关于jqGrid根据单元格值对Grid中的整行着色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!