按类似的列值为网格着色

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