您的位置:首页 > Web前端 > JavaScript

Extjs的gridPanel中列点击图片调用方法

2013-10-27 13:53 447 查看
在Ext的gridPanel列添加了图片,实现点击图片调用某个方法

之前先定义 function showdesc(){}

具体代码如下

<script type="text/javascript">
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:[["AH","安徽","安徽事业部"],["BJ","北京","北京事业部"],["XM","厦门","厦门事业部"]]}),
renderTo:'resultGrid',
columns:[{
header:'城市',
width:80,
dataIndex:'CityID',
sortable: true
},{
header:'城市名称',
width:80,
dataIndex:'CityName',
sortable: true
},{
header:'所属事业部',
width:80,
dataIndex:'business',
sortable: true
},{
header:'详情查看',
width:80,
dataIndex:'desc',
sortable: true,
renderer:function(value){
return String.format(
         '<input id="show" type=image src=./images/show.gif title="show" onclick="showdesc(\'aa\')"/>'
               );

}

}]})
})

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: