ExtJS 图片点击跳转空白页展示 - 实现步骤及代码示例

要将给图片添加点击跳转到空白页展示的功能，可以在 afterrender 事件的回调函数中给每个图片添加点击事件，并在点击事件中跳转到空白页展示图片。

首先，需要在 listeners 对象中添加一个 click 事件的监听器，如下所示：

listeners: {
    afterrender: function (imagePanels) {
        Ext.each(images, function (item) {
            imagePanels.addImage(item);
        });
        
        imagePanels.on('click', function (imagePanel, image) {
            // 在这里执行跳转到空白页展示图片的逻辑
        });
    }
}

然后，在点击事件的回调函数中，可以使用 window.open() 方法打开一个新的空白页，并将点击的图片的 URL 作为参数传递给空白页作为展示内容，如下所示：

imagePanels.on('click', function (imagePanel, image) {
    window.open(image.getSrc(), '_blank');
});

在这个例子中，假设 image.getSrc() 方法可以获取到图片的 URL，然后使用 window.open() 方法打开一个新的空白页，并将图片的 URL 作为参数传递给空白页。空白页可以使用 HTML 和 CSS 来展示图片。

需要注意的是，为了能够在点击图片时打开一个新的空白页，需要确保浏览器允许打开新的窗口，否则可能会被浏览器的弹窗拦截。