ext gwt---grid单元格自定义CheckBox

部分代码演示：

Grid类
//新建ColumnConfig链表
List<ColumnConfig> columnConfigs = new ArrayList<ColumnConfig>();

//添加CheckBox部件
CheckColumnConfig checkColumnConfig = new CheckColumnConfig("checkBox", "", 25);
checkColumnConfig.[color=red]setRenderer(new GridCheckBoxRender())[/color];
columnConfigs.add(checkColumnConfig);

//将CheckBox添加到grid中
grid.addPlugin(checkColumnConfig);

GridCheckBoxRender类
public class GridCheckBoxRender implements GridCellRenderer{

public Object render(ModelData model, String property, ColumnData config,int rowIndex, int colIndex, ListStore store, Grid grid) {

//执行状态值
String executeStatusValue = model.get("executeStatus");

//checkBox的值
boolean checkBoxValue = model.get("checkBox");

//返回值
String returnValue = "";

if(executeStatusValue.equals("未处理")){

//显示未勾选的checkBox
returnValue = "<div class='x-grid3-check-col x-grid3-check-col x-grid3-cc-checkBox'> </div>";
if(checkBoxValue){

//显示已经勾选的checkBox
returnValue = "<div class='x-grid3-check-col x-grid3-check-col-on x-grid3-cc-checkBox'> </div>";
}
}
return returnValue;
}

}

自定义后的CheckBox效果如下：

[img]http://dl.iteye.com/upload/attachment/473058/d3e6b41d-692a-35b4-9fa1-85c026037b4a.png[/img]