Динамический размер окна в 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: Shadowbox

Я думаю, что это самый простой способ, он автоматически соответствует разрешению пользователя и размеру изображения. Он был адаптирован для многих платформ, включая Ext, поэтому, если использование такого инструмента не является проблемой для вашего проекта, я бы настоятельно рекомендовал это;)