Extjs grid column里添加button等html标签,并增加点击事件
2013-08-05 20:19
603 查看
Extjs里有个actioncolumn,但actioncolumn只能添加一系列button,不能既有字又有button
如何能在column里增加html标签,并给button添加事件呢?
1. 首先,在column里重写renderer方法,方法里拼html语句
View里主要代码如下:
2. 在Controller里添加事件
这里有一点要注意,html里用class标识,然后在事件里用getTarget('.add')去寻找。我尝试在html里用id,getTarget(id)找不到。
如何能在column里增加html标签,并给button添加事件呢?
1. 首先,在column里重写renderer方法,方法里拼html语句
View里主要代码如下:
columns: [{ header: 'Complex column', width: 90, renderer: function(value, cellmeta, record) { var display="Text"; display+='</br>'; display+='<input type="image" class="add" src="extjs/resources/themes/images/spinner.gif" alt="Add" />'; display+='<input type="image" class="edit" src="extjs/resources/themes/images/spinner.gif" alt="Edit">'; display+='<input type="image" class="delete" src="extjs/resources/themes/images/spinner.gif" alt="Delete">'; return display; } }]
2. 在Controller里添加事件
init : function() { console.log('The window was rendered'); this.control({ 'ResultPage > grid[id=resultGrid]':{ cellclick:this.cellClick } }); }, cellClick : function(grid, td, cellIndex, record, tr, rowIndex, e, eOpts) { console.log("cell clicked"); var add = e.getTarget('.add'); var edit = e.getTarget('.edit'); var del = e.getTarget('.delete'); if (add) { console.log("click add"); } if(edit){ console.log("click edit"); } if(del){ console.log("click del"); } }
这里有一点要注意,html里用class标识,然后在事件里用getTarget('.add')去寻找。我尝试在html里用id,getTarget(id)找不到。
相关文章推荐
- Extjs grid column里添加button等html标签,并增加点击事件
- 关于html 中a标签添加点击事件的方法总结
- jquery给某个标签如<button>等,添加点击事件,$("#XX").click(function(){ });
- html——a标签添加点击事件,火狐浏览器直接显示0
- 给html的<a>标签添加点击事件
- 在函数中处理html点击事件在标签中增加属性值来解决问题。
- Extjs4 grid 表头header点击事件获取
- iOS开发封装带有Button的UIView控件,使用block给button添加点击事件
- Jquery为DIV添加点击事件,Jquery为a标签超链接添加点击事件
- Extjs给gridPanel添加单价双击事件和获取当前行的数据
- extjs4 grid column filter 对于多层表头,不能给当前有filter 的column增加css的解决办法
- Extjs 文本框 TextField 添加点击(onclick)事件方法
- 关于在tableview的footerView上添加button的点击不响应事件
- python 批量添加的button 使用同一点击事件
- UIImageView上添加Button不能响应点击事件
- 点击一个标签中,某个文字,添加事件
- 为body标签和document.body都添加点击事件后仅Firefox弹出了两次
- UIImageView上添加Button不能响应点击事件
- extjs 给文本框添加点击事件