Question

在extjs中，如何通过提供网格和行详细信息突出显示网格中的行。如果没有，请提供任何其他方法。

mygrid.getSelectionModel().selectRows(array,keep current selections);

上面的行以默认颜色选择并突出显示它。有没有办法定制它的颜色？

Answer 1

我不确定您是想通过选择它来突出显示一行，或者只是突出显示它而不选择它。

以下文章几乎包含了有关ExtJS样式网格的所有信息：http://skirtlesden.com/articles/styling-extjs-grid-cells

Under＆＃34; Styling Rows＆＃34;它说：

在许多情况下，行的样式取决于该行的数据。该数据由商店中的记录表示。我们可以使用config选项getRowClass：
基于记录向元素添加CSS类

Ext.create('Ext.grid.Panel', { 
    ... 
    viewConfig: { 
        stripeRows: false, 
        getRowClass: function(record) { 
            return record.get('age') < 18 ? 'child-row' : 'adult-row'; 
        } 
    } 
});

使用自定义CSS：

.child-row .x-grid-cell { 
    background-color: #ffe2e2; 
    color: #900; 
} 

.adult-row .x-grid-cell { 
    background-color: #e2ffe2; 
    color: #090; 
}

不确定这是否是您要搜索的内容，但您可以查看整篇文章，我相信您可以在那里找到问题的答案。

通过在网格上定义某个bodyCls（例如bodyCls:"mygrid"）和相应的自定义样式，也可以完全自定义特定网格中所选行的颜色：

.mygrid .x-grid-item-selected .x-grid-cell {
    background-image:none;
    background-color:#fc0;
}

突出显示网格中的行 - extjs

1 个答案: