按相似的列值对网格进行着色

Question

按相似的列值对网格进行着色

javagwtgxt

3

使用 Ext GWT 2，如何根据相似的列值对 Grid 进行着色？

- user1811826

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Roadkillnz · Answer 1

你是说你想根据单元格的值来指定网格中单元格的背景颜色吗？您可以使用GridCellRenderers修改每个单独单元格的CSS样式。在这里，我正在通过样式属性定义背景颜色，基于行索引来实现一个粗略（和可怕的着色）的行带颜色方案。

  final ColumnConfig colConfig = new ColumnConfig("myProperty", "My Property", 250 );
  colConfig.setRenderer( new GridCellRenderer<MyModelModel >() {

    @Override
    public Object render(
      final MyModelModel model,
      final String property,
      final ColumnData config,
      final int rowIndex,
      final int colIndex,
      final ListStore<MyModelModel> store,
      final Grid<MyModelModel> grid) {

    final String valueToDisplay = "Some Value";

    if( rowIndex % 2 == 0 ) {
      config.style = "background-color: pink;";
    }
    else {
      config.style = "background-color: blue;";
    }

    return valueToDisplay;
    }
  });

您还可以使用config.css来指定CSS类名。