jqGrid根据单元格值对Grid中的整行着色

Question

我知道有人问过它，但是我无法运行它，而且我没有尝试的余地。

如果值不为1，我想为Grid中的一行着色-为此，我使用了自定义格式程序。格式化程序本身可以工作，这不是问题。

我已经尝试了到目前为止在网络上找到的多种方法-添加一个类，使用setRowData，使用setCell ...直接添加CSS代码。

这是我的示例-没有一个对我有用(Linux，ff363)-任何指针将不胜感激。

27.05.2010_00:00:00-27.05.2010_00:00:00是我的行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;
}

Answer 1

在我看来，您的主要问题是您没有设置“背景颜色”样式。您应该从行中删除“ui-widget-content”类(来自<tr>元素)

jQuery("#"+ options.rowId,jQuery('#list2')).removeClass('ui-widget-content');

在添加类 state_activ或 state_inactive之前，因为jQuery UI类'ui-widget-content'被定义为 .ui-widget-content，例如

{
border: 1px solid #fad42e;
background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
color: #363636;
}

并且仅使用CSS 'background-color'的设置，您就不会真正更改背景颜色。因此，尝试使用类似

var trElement = jQuery("#"+ options.rowId,jQuery('#list2'));
trElement.removeClass('ui-widget-content');
trElement.addClass('state_active');