jquery - JqxGrid:根据列的值更改行的颜色

Question

我从这个论坛引用了一些答案 http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-cellsrendering.htm http://www.jqwidgets.com/community/topic/change-row-color-of-gridview/

两者都是使用单元格的 cellrendered 事件完成的，并且可以应用于同一单元格。如何获取一个单元格的值来更改另一单元格的颜色？

或者有没有办法改变整行的背景颜色？下面是我用来更改同一单元格颜色的代码。

var cellsrenderer = function(row, column, value, defaultHtml) {
                var element = $(defaultHtml);
                element.css({ 'background-color': '#' + value });
                return element[0].outerHTML;
            return defaultHtml;

$("#jqxgrid").jqxGrid({
            width: 1100,
            autorowheight: true,
            autoheight: true,
            source: dataAdapter,
            theme: 'classic',
            columns: [
            { text: 'Job Number', dataField: 'jobNum' },
            { text: 'Project Name', dataField: 'ProjName' },
            { text: 'Hours', dataField: 'hrssum' },
            { text: 'Project Type', dataField: 'Suffix' },
            { text: 'color name', dataField: 'colorname', cellsrenderer: cellsrenderer }
            ]
        });
        }

Answer 1

cellsrenderer 中还有 2 个由 jQWidgets Grid 传递的参数。

var cellsrenderer = 函数(行、列、值、defaultHtml、columnSettings、rowData){

}

最后一个参数 - rowData 是一个 JSON 对象，其中包含呈现的行值。因此，如果您有一列 datafield = firstname，您可以这样写:

varfirstName = rowData.firstname;