首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

ext gwt-grid单元格自定义CheckBox

2012-10-29 
ext gwt---grid单元格自定义CheckBox部分代码演示:Grid类//新建ColumnConfig链表ListColumnConfig colum

ext gwt---grid单元格自定义CheckBox
部分代码演示:

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

//添加CheckBox部件
CheckColumnConfig checkColumnConfig = new CheckColumnConfig("checkBox", "", 25);
checkColumnConfig.setRenderer(new GridCheckBoxRender());
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'>&#160;</div>";
if(checkBoxValue){

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

}

自定义后的CheckBox效果如下:






热点排行