ExtJs中的动态窗口大小

Question

我正在为我的项目使用ExtJS。

我需要在可变大小的ExtJS中创建一个窗口来显示我的用户上传的图像。

但是，如果较小的图像说150x150上传，我希望窗口“适合”图像，即窗口应该是150x150。

但是，如果上传的图片较大，例如3000x3000，那么我希望该窗口只有800x600，并且图片尺寸已正确调整并呈现在其中。

我想在ExtJS中做到这一点。这是我的图片浏览器的代码。请帮助我在这里找到解决方案。

viewWin = new Ext.Window({ 
      title : title, 
    layout : 'auto', 
    width : '50%', 
     resizable: false, 
    shadow : true, 
    items : [new Ext.ux.MediaPanel({ 
      border : false, 
      style : {width:'100%', height:'100%'}, 
      mediaCfg : { 
       mediaType: 'JPEG', 
       url : url, 
       } 
     })] 
}); 

Answer 1

要做到这一点，为什么不使用太极拳：Shadowbox

我认为这是最简单的方法，它会自动适应用户的分辨率和图像尺寸。它已经适用于很多框架，包括Ext，所以如果使用这样的工具对于您的项目来说不是问题，我会强烈建议如此;）