时间戳

首页 > 解决方案 > 根据子列值更改父行颜色 - jqWidgets

grid - 根据子列值更改父行颜色 - jqWidgets

问题描述

我有一个嵌套网格，我可以根据其中一列的值更改嵌套网格行的背景颜色。但我也希望能够更改父行的颜色。

例如：父：研究，子：站点，条件：列状态=待定。如果一个站点的状态为待处理，我想更改待处理站点的行颜色，并更改包含该待处理站点的研究的行颜色。

var cellclassname = function (row, column, value, rowdata) {
    if (rowdata.Status =="Pending") {
       return "red";
    }
}

上面的代码适用于嵌套网格：

columns: [
                          { text: '<b>Site ID</b>', datafield: 'ID', width: '15%', cellclassname: cellclassname},
                          { text: '<b>Organization Name</b>', datafield: 'SiteName', width: '70%', cellclassname: cellclassname},
                          { text: '<b>DSA</b>', datafield: 'Status', width: '15%', cellclassname: cellclassname} ]

但不适用于父网格：

columns: [
                      { text: '<b>Study Filter</b>', 
                      datafield: 'StudyName',  width: '100%', cellclassname: cellclassname }
            ]

如何修改我的 cellclassname 函数，以便它也会更改父行的行颜色？

提前致谢！

标签： gridjqwidget

解决方案

我创建了一个解决方案。

从数据库方面，我能够生成带有额外列的父数据，该列表示如果任何子信息具有待处理状态，则父研究也将具有待处理状态。因此，在生成网格时，我能够根据该信息为父行着色，并将状态列隐藏。

我仍然很想知道如何使用 jqwidgets 函数而不是修改源数据来完成它。

推荐阅读