jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – JqxGrid:根据列的值更改行的颜色大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在这个论坛上提到了几个答案
http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-cellsrendering.htm
http://www.jqwidgets.com/community/topic/change-row-color-of-gridview/

两者都是使用单元格的单元格事件完成的,并且可以应用于同一单元格.如何获取一个单元格的值来更改不同单元格的颜色?

或者有一种方法可以改变整行的背景颜色吗?下面是我用来改变相同单元格颜色的代码.

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 }
            ]
        });
        }

解决方法

在cellrenderer中还有2个参数由jqwidgets Grid传递.

var cellsrenderer = function(row,defaultHtml,columnSetTings,rowData){

}

最后一个参数 – rowData是一个JSON对象,它包含渲染的行值.因此,如果您有一个datafield = firstname的列,您可以编写:

var firstName = rowData.firstname;

大佬总结

以上是大佬教程为你收集整理的jquery – JqxGrid:根据列的值更改行的颜色全部内容,希望文章能够帮你解决jquery – JqxGrid:根据列的值更改行的颜色所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。