欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【Extjs grid添加一个图片状态或者按钮的方法】,下面是详细的讲解!
Extjs grid添加一个图片状态或者按钮的方法
extjs的grid中我们经常需要添加一个图片状态或者按钮,总结一下自己用过的方法:
一、状态表示:
renderer:function(value){
if(value==0){
return "<img src='http://www.jb51.net/article/images/icons/cancel.png'>";
}else if(value==1){
return "<img src='http://www.jb51.net/article/images/icons/accept.png'>";
}
return value;
}
在columns中列添加renderer标识状态,效果图如下:
http://images.cnitblog.com/blog/489550/201304/19103818-94991d9869a6458e8a568efdea6081b5.png
二、事件处理:
直接给img添加onclick事件:
<img style="cursor:pointer;" onclick="updateRecord(\''+sn+"@"+ss+"@"+record.get("standardId")+'\');" src=http://www.jb51.net/article/\'${ctx}/img/edit.png\' alt=\'明细维护\' title=\'明细维护\'>'
事件是将需要的数据传递过去。
还有一种方法就是给grid添加单元格点击事件:
listeners: {
cellClick: viewDoc
}
function viewDoc(grid, rowIdx, colIdx, e) {
var action=e.getTarget().value;
}
这样就可以得到点击的单元格,再添加事件处理即可。
三、可以使用'actioncolumn'添加图片按钮
{header:'合格证',sortable:false,width:80,align:'center',scope:this,
xtype:
'actioncolumn',
items : [{
icon : '${ctx}/img/details.png',
tooltip : '显示合格证',
handler : function(grid, rowIndex, colIndex) {
var record=grid.getStore().getAt(rowIndex);
//。。。
}
]}
这样也可以在grid单元格中添加图片。
关于Extjs grid添加一个图片状态或者按钮的方法的用户互动如下:
相关问题:Extjs grid列表中,我用渲染的方式,在行中添加了b...
答:从你目前这样 建议把你的addWindow定义以及show的动作写成一个在全局的最外面的方法 onclick里只要onclick="javascript:showFunName()" 就可以调到 要是我做的话会在controller里监听grid的cellclick( Ext.view.Table this, HTMLElement td, Num... >>详细
相关问题:Extjs grid列里怎么显示图片
答: function showdesc(rcid) { alert(rcid); }; Ext.onReady(function(){ new Ext.grid.GridPanel({ border:true, frame:true, height:200, width:300, store:new Ext.data.SimpleStore({ fields:["CityID","CityName","business","desc"], data:[... >>详细
相关问题:ExtJs 怎样给GridPanel 表格中的按钮 添加点击事件
答:可以通过Ext.get("btnName").on("click",add); 来添加点击事件,其中的add 就是你定义的btn的触发方法。 >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
