在使用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 “<span style=’color:red;font-weight:bold;’>红男</span>”;//引号里边可以随便加你想要的样式
}
if (value == ‘male’) {
return “<span style=’color:red;font-weight:bold;’>红男</span>”;//引号里边可以随便加你想要的样式
}