您可以修改 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 + '>');
                    });
                }
            }
        }]
    }
}
ExtJS ux-image-panel 图片点击跳转空白页展示功能

原文地址: https://www.cveoy.top/t/topic/b1SV 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录