日期:2014-05-16  浏览次数:20352 次

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 “<span style=’color:red;font-weight:bold;’>红男</span>”;//引号里边可以随便加你想要的样式
? ? ? }?