0

ExtJS 4.0.7 的 API 文档中给出的“可调整大小”的示例证明我可以完成我想做的事情。然而，与大多数示例一样，没有使用 MVC 提供任何示例。试图弄清楚如何使用这些示例是一个相当大的挑战。在这种情况下，我很难过。

我有一个可以在窗口中显示图像的应用程序，它可以工作。我需要能够允许用户调整窗口大小并让里面的图像随之调整大小。看来这是非常可行的。我就是想不通。

我的控制器代码如下：

onDoubleClickPage: function(view, rec, item, index, e, eopts) {
    var image = rec.get('PGPATH');
    if (image === '') {
        Ext.Msg.show({
            title: 'View Document',
            msg: 'No Document on file',
            buttons: Ext.Msg.OK,
            icon: Ext.Msg.INFO
        });
        return;
    }

    var showImage = new Ext.window.Window({
        height: 600,
        width: 500,
        title: 'View Book Page',
        closeAction: 'destroy',
        items: [{
            xtype: 'component',
            autoEl: {
                tag: 'image',
                height: 500,
                width: 400,
                autoScroll: true,
                resizable: true,
                src: image
            }
        }]
    }).show();
}

上面的代码可以工作，但正如你想象的那样，我得到了一个固定大小的图像。我的窗口会调整大小，但图像当然不会。

我已经尝试了很多方法来尝试调用和/或配置调整大小，但是，唉，没有任何效果。在这一点上我一无所知。任何帮助将不胜感激！

4

1 回答 1

0

在窗口中设置布局：“适合”，然后使用 Ext.Img 创建图像http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.Img

于 2014-01-11T21:32:05.153 回答