extjs box控件放置图片后 点击事件
{xtype:'box',//或者xtype:'component',width:455,//图片宽度height:330,//图片高度autoEl:{tag:'img'...
{
xtype: 'box', //或者xtype: 'component',
width: 455, //图片宽度
height: 330 , //图片高度
autoEl: {
tag: 'img', //指定为img标签
src: 'url' //指定url路径
}
}
网上找到了这个解决extjs显示图片的问题，但现在想添加 点击这张图片后跳转页面 的事件，如何解决？ 展开
xtype: 'box', //或者xtype: 'component',
width: 455, //图片宽度
height: 330 , //图片高度
autoEl: {
tag: 'img', //指定为img标签
src: 'url' //指定url路径
}
}
网上找到了这个解决extjs显示图片的问题，但现在想添加 点击这张图片后跳转页面 的事件，如何解决？ 展开
1个回答
展开全部
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
