Bir divanda

Question

içinde Ext.application oluşturma Varolan web sitesi şablonumuzda bir ExtJS4 Ext.application çalıştırmaya çalışıyorum. Uygulamayı geliştirilmek üzere yerleştirmek istediğimiz bir div #content var. Mevcut html sayfasını değiştirmek yerine uygulamayı bu alana nasıl uygularım?

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
     Ext.create('Ext.container.Viewport', { 
      layout: 'fit', 
     // renderTo: Ext.Element.get('#content') doesn't work 
      items: [ 
       { 
        title: 'Hello Ext', 
        html : 'Hello! Welcome to Ext JS.' 
       } 
      ] 
     }); 
    } 
}); 

Answer 1

Bir Ext.container.Viewport dışındaki kapsayıcı kullanmak gerekir. Tanım gereği Ext.container.Viewport, her zaman tüm tarayıcı penceresini alacaktır. belgelerine

:

Görünüm doküman gövdesine kendisini işler ve otomatik tarayıcı görünümünün boyutuna kendisini boyutları ve pencere boyutlandırma yönetir. Bir sayfada yalnızca bir Viewport oluşturulabilir.

Sadece bu downvoted nedeni bu yaparken yerine

Ext.application({ 
    name: 'HelloExt', 
    launch: function() { 
     Ext.create('Ext.panel.Panel', { 
      layout: 'fit', 
      renderTo: Ext.get('content') 
      items: [ 
       { 
        title: 'Hello Ext', 
        html : 'Hello! Welcome to Ext JS.' 
       } 
      ] 
     }); 
    } 
});