extjs renderer的参数以及对应的值

最新推荐文章于 2020-08-18 10:41:33 发布

settingSun66

最新推荐文章于 2020-08-18 10:41:33 发布

阅读量5k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/settingSun66/article/details/53063378

本文详细介绍了ExtJS中Renderer函数的使用，重点讲解了value参数，它代表当前单元格的值，通过这个参数可以实现自定义数据显示和格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

columns:[
        {"header":"用户名",width:150,dataIndex:"userName"},
        {"header":"姓名",width:150,dataIndex:"turename"},
        {"header":"后台权限",width:150,dataIndex:"power",flex:1},
        {"header":"手机",width:150,dataIndex:"phone"},
        {"header":"编辑日期",width:150,dataIndex:"upDateAt"},
        {"header":"操作",width:150,dataIndex:"tokenId",
          renderer:function(value,cellmeta,record,rowIndex,columnIndex,store){
//            value代表单元格的值   record整行的数据   cellmeta行信息
            return '<a class="xn_tablea"  onclick="userWin('+value+')">编辑</a><a class="xn_tablea" onclick="userDel('+value+')">删除</a>'
          }
        }
      ]

1.value是当前单元格的值

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

1.value是当前单元格的值