3

Ext GWT 2 で、同様の列の値でグリッドを色分けするにはどうすればよいですか?

4

1 に答える 1

-1

セル値に基づいて、グリッド内のセルの背景色を指定したいということですか? GridCellRenderers を使用して、個々のセルごとに CSS スタイルを変更できます。

ここでは、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 クラス名を指定することもできます。

于 2012-11-23T03:55:49.873 に答える