2016-05-04 4 views
0

Im пытается загрузить iframe на контейнер динамически. есть две кнопки a и b, при нажатии каждого из них другой URL-адрес должен загружаться на iframe.динамически загружает iframe.

Я пробовал- 1. использование двух разных контейнеров вместо одного, как показано ниже .. при , который сбой браузера. 2. Я не смог переключить содержимое внутри контейнера, используя dom.clear. 3. Должен ли я использовать другой xtype ?. поскольку контейнер позиционирует iframe прямо на том месте, где я этого хотел.

Ext.define ('XXXXXX', { расширения: '' YYYYY, ширина: 100% '', высота: 125, renderTo: Ext.getBody(), пункты: [{ xtype: 'RadioGroup', колонки: 2, ширина: 400, по горизонтали: правда, название: 'холст', предметы: [
{ boxLabel: 'а', ID: 'i1', InputValue: 'i1', обработчик: function() {

      var iframe = new Ext.ux.IFrame({ 
           src: 'https://www.sencha.com', 
           title: 'Hello', 
           width: "100%", 
           height: 1400, 
           renderTo: 'canvas' 
          }); 

         } 
        }, 
        { 
         boxLabel: 'b', 
         id: 'i2', 
         inputValue: 'i2', 
         handler: function() { 
         var iframe = new Ext.ux.IFrame({ 
    src: 'https://www.sencha.com/web-application-lifecycle-management-sencha-platform/', 
           width: "100%", 
           height: 1400, 
           renderTo: 'canvas' 
          });         
         } 
        } 
      ] 
}, 
{ 
    xtype: 'container', 
    name: 'somename', 
    id: 'canvas',  
}] 

});

ответ

0

Мне пришлось уничтожить каждый из объектов iframe, которые были созданы. Это может динамически загружать источник iframe, если захотите.

handler: function() { 

if (iframe != undefined) 
    { 
     iframe.destroy(); 
    } 
var iframe = new Ext.ux.IFrame({     

     src: 'https://www.sencha.com/web-application-lifecycle-management-sencha-platform/', 
     width: "100%", 
     height: 1400, 
     renderTo: 'canvas' 

    });         
}