JQuery jqGrid 加载完成

Question

我有一个使用 jqGrid 构建的表。如果一个单元格为空（gridtable1_Age），我希望另一个单元格（gridtable1_Name）中的文本为粗体。我正在尝试使用 loadComplete，但它似乎没有工作，或者我在正确的地方使用它。

jQuery("#grid1").jqGrid('setGridParam', opts).trigger("reloadGrid", [ {
    page : 1,
    loadComplete : function () {
        $('td[aria-describedby=grid1_Age]:empty', 
            '#gridtable1').parent().find('td[aria-
             describedby=grid1_Name]').css('font-weight', 'bold');
                                }
                            } ]);

编辑：我的网格是用 Struts2 标签构建的

Answer 1

我想你有 Age 和 Name 列。您可以做的是在Name 列中定义cellattr 属性，如下所示

cellattr: function (rowId, val, item) {
    if (item.Age === "") { // or some very close test
        return ' style="font-weight: bold;"';
    }
}

在这种情况下，网格将被创建正确的 CSS 样式。在页面上进行任何更改会更快（请参阅the answer，其中描述了所有修改都遵循整个页面的额外重排，如果可能的话，应该减少修改）。

顺便说一句，您发布的代码不起作用，因为“空”单元格可能包含  符号。

Answer 2

我认为grid1_Age 和grid1_name 需要在选择器中用引号括起来，如下所示：

    loadComplete : function () {
    $('td[aria-describedby="grid1_Age"]:empty', '#gridtable1').parent().find('td[aria-
         describedby="grid1_Name"]').css('font-weight', 'bold');
                            }

如果 grid1_Age 和/或 grid1_name 是变量而不是文字，那么正确的方法是：

loadComplete : function () {
    $('td[aria-describedby="'+grid1_Age+'"]:empty', '#gridtable1').parent()
    .find('td[aria-describedby="'+grid1_Name+'"]').css('font-weight', 'bold');
                            }
                        } ]);