Ext js 4.2.1 Проблема с размером iframe - PullRequest
Новая
       99

Ext js 4.2.1 Проблема с размером iframe

0 голосов
/ 10 июля 2020

Я пытаюсь визуализировать iframe внутри контейнера, но iframe не растягивается на весь экран. 

var htmlInputs = '<input type="hidden" name="amount" value="100.00">' +
            '<input type="hidden" name="currency" value="AUD">';
       {
html: '<iframe scrolling="yes" name="iframe" src="" style="overflow:visible; display:block; position:relative; width=100%; height=100%;"  id="iframe"></iframe>' +
                '<form style="float:right;display:none;" method="post" target="ifrmae" id="ingenicoForm" name=iframeaction="https://*********">' +
                htmlInputs +
                '</form>' ,
            xtype: 'container',
            listeners: {
                afterrender: function() {
                    var form = Ext.getElementById('iframe');
                    form.submit();
                }
     
}

Iframe визуализируется в одном углу страницы, как на прикрепленном изображении. Я хочу, чтобы этот iframe растягивался на весь экран.

Я пробовал много вещей, но все еще не работает. Любая помощь будет нужна.

Прикрепленное изображение

1 Ответ

0 голосов
/ 10 июля 2020

enter image description here

Ext.application({
    name: 'Fiddle',

    launch: function () {
        var htmlInputs = ' '+' '; Ext.create ('Ext.container.Container', {layout: 'fit', html: '  '+' '+ htmlInputs +'  ', listenersss: {afterrender: function () {var form = Ext.getElementById (' iframe '); form.submit (); }}, ширина: 200, высота: 300, стиль: {borderColor: '# 000000', borderStyle: 'solid', borderWidth: '5px'}, renderTo: Ext.getBody ()})}});
...