Показать изображение внутри Ext.window.Window? - PullRequest
Новая
       4

Показать изображение внутри Ext.window.Window?

0 голосов
/ 19 февраля 2020

Это звучит невероятно просто, но у меня возникают проблемы с отображением изображения с относительного пути во всплывающем окне, вызванном событием onclick из другого компонента. Вот пример фрагмента: 

var dialog = Ext.create(Ext.window.Window, {
    layout: 'vbox',
    maximizable: true,
    scrollable: true,
    id: 'dialog',
    title: 'Help',
    items: [
        {
            xtype: 'image',
            src: 'path/to/image/image1.png',
            margin: '10 10 10 10'
        },
        {
            xtype: 'image',
            src: 'path/to/image/image2.png',
            margin: '10 10 10 10'
        }
    ]
});
dialog.show();

Итак, моя проблема в том, что при первом создании и показе окна изображения не отображаются. Затем, если я закрою его и снова открою, появятся изображения. Я знаю, что это связано с тем, что браузер запрашивает изображения и показывает их слишком быстро. Я возился и возился, и не могу найти хорошего решения, чтобы правильно показывать изображения с первого раза. Любой совет приветствуется.

1 Ответ

1 голос
/ 19 февраля 2020

Вам необходимо установить параметры width и height. 

 var dialog = Ext.create(Ext.window.Window, {
            layout: 'vbox',
            maximizable: true,
            scrollable: true,
            id: 'dialog',
            width: 500,
            height: 600,
            title: 'Help',
            items: [{
                width: 300,
                height: 200,
                xtype: 'image',
                src: 'https://fiddle.sencha.com/classic/resources/images/sencha-logo.png',
                margin: '10 10 10 10'
            }, {
                width: 300,
                height: 200,
                xtype: 'image',
                src: 'https://fiddle.sencha.com/classic/resources/images/sencha-logo.png',
                margin: '10 10 10 10'
            }]
        });
        dialog.show();

Проверьте пример на https://fiddle.sencha.com/#view / editor & fiddle / 33q1

...