extjs grid renderer一点应用说明

阅读更多

       在使用extjs前端技术做项目开发时，我们都会遇到一些特殊的应用，不如在grid列中显示不同的颜色，或者在显示超链接，这样都会用到grid的列渲染模型，针对这种需求，extjs官方也有很好的解释，在这里我们先看一下renderer都有哪些参数我们可以使用。

renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){

}

1.value是当前单元格的值
2.cellmeta里保存的是cellId单元格id，id不知道是干啥的，似乎是列号，css是这个单元格的css样式。
3.record是这行的所有数据，你想要什么，record.data["id"]这样就获得了。
4.rowIndex是行号，不是从头往下数的意思，而是计算了分页以后的结果。
5.columnIndex列号太简单了。
6.store，这个厉害，实际上这个是你构造表格时候传递的ds，也就是说表格里所有的数据，可以随时调用。

具体实例如下：

function renderSex(value) {
if (value == ‘male’) {
return “红男”;//引号里边可以随便加你想要的样式
      }