java - 用相似的列值给网格着色

Question

使用 Ext GWT 2，如何通过相似的列值对网格进行着色？

Answer 1

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

在这里，我通过基于 rowIndex 的 style 属性定义背景颜色，以执行原始(且颜色可怕)的行带颜色方案。

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