Dojo Datagrid：如何更改第一行的样式？答案

【问题标题】：Dojo Datagrid: How to change the style of the first row?Dojo Datagrid：如何更改第一行的样式？
【发布时间】：2012-03-13 03:33:04
【问题描述】：

我是 DoJo 开发的新手，所以这可能是基本的。
我创建了一个增强型数据网格，它可以很好地显示数据。
数据来自不同页面中的 JSON 存储。
我有一个按钮，它导致在数据存储中创建一个新条目，然后我的数据网格被“刷新”。这工作正常。
但现在我只想作为最后一步来更改我的数据网格中第一行的样式。（我需要让新添加的行更显眼。）
但我根本不知道如何处理数据网格中的第一行。

... 网格 = 新 dojox.grid.EnhancedGrid({
编号：strId，
商店：商店，
结构：布局，
}, document.createElement('div'));
dojo.byId(placeHolder).appendChild(grid.domNode);
grid.startup();

var row = grid.getItem(0); // --- 获取第一行。如何？以及如何应用新样式？
...

提前谢谢您。

【问题讨论】：

标签： datagrid dojo

【解决方案1】：

这样解决问题：

dojo.connect(grid, 'onStyleRow', this, function (row) {
    var item = grid.getItem(row.index);
    if (row.index == 0) {
        row.customClasses = "highlightRow";
        row.customStyles += 'background-color:#FFB93F;';
    }

});

我使用“Claro”主题，它阻止我设置行单元格的背景颜色。解决方案是将 customClasses 设置为如下样式：

.highlightRow tr
{ 
background-color: #FF6A00 !important;
}

在这里找到部分解决方案：http://dojo-toolkit.33424.n3.nabble.com/row-customStyles-was-overwrite-by-claro-theme-td3763079.html

【讨论】：