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

Posted 2023-02-22

【中文标题】Dojo Datagrid：如何更改第一行的样式？

【英文标题】：Dojo Datagrid: How to change the style of the first row?

【发布时间】：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); // --- 获取第一行。如何 ？以及如何应用新样式？ ... 提前谢谢您。

【参考方案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