2010-04-08 12 views
5

Desidero prendere un elemento ExtJS (div) richiamato dal selettore DOM e convertirlo in un componente ExtJS (un pannello). Come posso fare questo? Grazie.Elemento ExtJS a componente

risposta

6

Si desidera utilizzare la configurazione contentEl. Mette ciò che è nel div nel pannello.

<html> 
    <head> 
    <link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" /> 
    <script src="ext-3.1.1/adapter/ext/ext-base.js"></script> 
    <script src="ext-3.1.1/ext-all-debug.js"></script> 
    <script> 
     Ext.BLANK_IMAGE_URL = 'ext-3.1.1/resources/images/default/s.gif'; 
     Ext.onReady(function(){ 
     var viewport = new Ext.Viewport({ 
      items: [{ 
      title: 'About Us', 
      width: 200, 
      height: 200, 
      contentEl: 'about_us' 
      }] 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
    <div id="about_us">We are a great team to work with!</div> 
    </body> 
</html> 

div content inside a panel

+0

che è esattamente quello che mi serviva. GRAZIE! – needhelp

+2

Giusto per essere chiari, si tratta semplicemente di usare innerHTML dell'elemento come contenuto del corpo di un nuovo pannello - NON "convertire" l'elemento in un componente del Pannello. In realtà puoi convertire il markup valido in un componente del Pannello usando il metodo 'applyToMarkup', che è diverso. FYI. –

+0

Anche questo è buono a sapersi. Grazie! – needhelp

Problemi correlati