Extjs grid添加一个图片状态或者按钮的方法
程序员文章站
2022-06-24 17:38:26
extjs的grid中我们经常需要添加一个图片状态或者按钮,总结一下自己用过的方法: 一、状态表示: 复制代码 代码如下: renderer:function(value)...
extjs的grid中我们经常需要添加一个图片状态或者按钮,总结一下自己用过的方法:
一、状态表示:
在columns中列添加renderer标识状态,效果图如下:
http://images.cnitblog.com/blog/489550/201304/19103818-94991d9869a6458e8a568efdea6081b5.png
二、事件处理:
直接给img添加onclick事件:
事件是将需要的数据传递过去。
还有一种方法就是给grid添加单元格点击事件:
这样就可以得到点击的单元格,再添加事件处理即可。
三、可以使用'actioncolumn'添加图片按钮
这样也可以在grid单元格中添加图片。
一、状态表示:
在columns中列添加renderer标识状态,效果图如下:
http://images.cnitblog.com/blog/489550/201304/19103818-94991d9869a6458e8a568efdea6081b5.png
二、事件处理:
直接给img添加onclick事件:
事件是将需要的数据传递过去。
还有一种方法就是给grid添加单元格点击事件:
这样就可以得到点击的单元格,再添加事件处理即可。
三、可以使用'actioncolumn'添加图片按钮
这样也可以在grid单元格中添加图片。
上一篇: Extjs根据条件设置表格某行背景色示例
下一篇: 详解VueJS 数据驱动和依赖追踪分析