ExtJS 图片点击跳转到空白页展示功能实现
您可以通过在点击事件的回调函数中执行以下逻辑来实现图片点击跳转到空白页展示功能:
- 创建一个新的空白页面:
var newWindow = window.open('', '_blank');
- 在新页面中展示图片:
newWindow.document.write('<img src='' + image.url + ''>');
完整的代码示例:
_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 (imagePanel, image) {
// 在这里执行跳转到空白页展示图片的逻辑
// 打开新的空白页面
var newWindow = window.open('', '_blank');
// 在新页面中展示图片
newWindow.document.write('<img src='' + image.url + ''>');
});
}
}
}]
}
}
原文地址: https://www.cveoy.top/t/topic/b0JO 著作权归作者所有。请勿转载和采集!