java - 通过相似的列值为网格着色

Question

使用 Ext GWT 2，如何通过相似的列值为 Grid 着色？

Answer 1

您的意思是要根据单元格值指定网格内单元格的背景颜色吗？您可以使用 GridCellRenderers 为每个单独的单元格修改 CSS 样式。

在这里，我通过基于 rowIndex 的样式属性定义背景颜色，以执行粗略的（和可怕的彩色）行带配色方案。

  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 类名。