ExtJS ux-image-panel 图片点击跳转空白页展示功能
您可以修改 afterrender 事件的监听函数,添加点击事件的处理逻辑。在点击事件中,可以通过 window.open() 方法打开一个新的空白页面,并将图片展示在该页面上。
以下是修改后的代码示例:
_getImageShowPanel: function (images, title) {
return {
title: title,
xtype: "fieldset",
border: 0,
height: 130,
anchor: '100%',
items: [{
height: 130,
autoScroll: true,
showSize: false,
showCloseBtn: false,
style: 'margin:2;',
xtype: "ux-image-panel",
anchor: '90%',
listeners: {
afterrender: function (imagePanels) {
Ext.each(images, function (item) {
imagePanels.addImage(item);
});
// 监听点击事件
imagePanels.on('click', function (image) {
// 打开新的空白页面
var newWindow = window.open('', '_blank');
// 在新页面中展示图片
newWindow.document.write('<img src=' + image.url + '>');
});
}
}
}]
}
}
原文地址: https://www.cveoy.top/t/topic/b1SV 著作权归作者所有。请勿转载和采集!