在Ext的gridPanel列添加了图片,实现点击图片调用某个方法
之前先定义functionshowdesc(){}
具体代码如下
<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" οnclick="showdesc(\'aa\')"/>'
);
}
}]})
})
</script>