Elemento ExtJS al Componente

Quiero tomar un elemento ExtJS (div) recuperado del selector DOM y convertirlo en un Componente ExtJS (un panel). ¿Cómo puedo hacer esto? Gracias.Elemento ExtJS al Componente

Fuente

2010-04-08 needhelp

Quiere utilizar la configuración contentEl. Coloca lo que está en el div en el panel.

<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

Fuente

2010-04-08 04:29:37

eso es exactamente lo que necesitaba. ¡GRACIAS! – needhelp

Para que quede claro, esto es simplemente utilizando innerHTML del elemento como el contenido del cuerpo de un panel nuevo, NO "convirtiendo" el elemento en un componente del Panel. En realidad, puede convertir marcas válidas en un componente del Panel utilizando el método 'applyToMarkup', que es diferente. FYI. –

Eso también es bueno saberlo. ¡Gracias! – needhelp

Elemento ExtJS al Componente

Respuesta

Cuestiones relacionadas