listeners:{
'itemcontextmenu':function(view,record,item,index,e,eOpts){
//禁用浏览器的右键相应事件
e.preventDefault()
e.stopEvent()
var menu = new Ext.menu.Menu({
//控制右键菜单位置
float:true,
items:[{
text:"图片另存为",
handler:function(){
}
},{
text:"审查元素",
handler:function(){
}
}
]
}).showAt(e.getXY())//让右键菜单跟随鼠标位置
}
}
ext3.4-
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>extjs3.4 demo2</title>
<link rel="stylesheet" href="../resources/css/ext-all.css">
<script src="../adapter/ext/ext-base.js"></script>
<script src="../ext-all.js"></script>
<script>
var clickHandler = function(){
// 设置跳转
alert(1)
location.href = '#'
}
Ext.onReady(function(){
new Ext.Panel({
title:'main',
width:600,
height:300,
items:{
xtype:'box',
width:200,
height:200,
autoEl:{
tag:'img',
src:'',
onclick:'clickHandler()'
}
},
renderTo:Ext.getBody()
})
})
</script>
</head>
<body>
</body>
</html>
ext4+
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Extjs 4.2 demo2</title>
<link rel="stylesheet" href="../resources/css/ext-all.css">
<script src="../bootstrap.js"></script>
<script>
Ext.onReady(function(){
new Ext.Panel({
title:'main',
width:600,
height:300,
listeners:{
el:{
click:function(){
// 设置跳转
alert(1)
location.href = '#'
}
}
},
items:{
xtype:'box',
width:200,
height:200,
autoEl:{
tag:'img',
src:'',
}
},
renderTo:Ext.getBody()
})
})
</script>
</head>
<body>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）