GXT - 根据行中的一个单元格为整个网格行着色

Question

。 . 我根据单元格的值为一列着色，但我想在 gxt 网格中为整行着色（意味着单元格包含的行）帮助我 这是我为单元格着色的代码（我想为行而不是单元格着色）

 /*------------Coloring Area------------*/
                    GridCellRenderer<BeanModelType> ColoredGrid = new GridCellRenderer<BeanModelType>() {

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

                            String valueOfCell =  model.get(property);    
                            String style = valueOfCell.equals("Book") ? "GREEN":
                            valueOfCell.equals("Ersr") ? "red":
                            valueOfCell.equals("Pen") ? "yellow":
                            valueOfCell.equals("comp") ? "blue": "";
                            //Config is the cell and we are setting style here

                            config.style ="background-color:"+style;
                            return valueOfCell; 



                        }    

                        };  
                        System.out.println("COLORRRRR   "+cleanColoredGrid.toString());
                        column.setRenderer(ColoredGrid);  

                    /*-------------Coloring Area Ends-------*/
                    configs.add(column); 

Answer 1

鉴于您使用的是 GXT > 2.x.x，正确的做法是将新的 GridViewConfig 附加到您的网格视图。

你可能应该这样做：

grid.getView().setViewConfig(new GridViewConfig() {
        @Override
        public String getRowStyle(ModelData model, int rowIndex, ListStore<ModelData> ds) {
            if (model != null) {
                                    //TODO: put your conditions here
                if ("YOUR_CONDITION".equals(model.get("BOOK_COLOR))) {
                    return "green-row";
                }
            }
            return "";
        }
    });

您应该相应地修改您的 CSS。 （注意 green-row 是 CSS 样式类的名称）。

参考：http://www.jarvana.com/jarvana/view/com/extjs/gxt/2.1.1/gxt-2.1.1-javadoc.jar!/gxt-2.1.1-javadoc/com/extjs/gxt/ui/client/widget/grid/GridViewConfig.html

Answer 2

在每个渲染方法中，您都将模型作为参数之一，因此请尝试为每一列设置相同的渲染器，但将“属性”替换为包含项目类型的字符串的属性名称。假设您将其命名为“itemName”，因此将代码更改为：

model.get("itemName");  

可能需要强制转换，因为 model.get() 应该返回 Object。

现在在每一列中都将执行相同的检查，并且所有列都应该使用一种颜色。 如果这可行，下一步可能是一些优化：如果第一次检查返回一些颜色，将其设置为模型到颜色的哈希映射（或直接作为新属性进入模型）并在渲染器中添加一个将检查的条件如果尚未指定颜色。