Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/11/2012, 16:51
Avatar de Sumerio
Sumerio
 
Fecha de Ingreso: octubre-2009
Mensajes: 195
Antigüedad: 14 años, 6 meses
Puntos: 6
Consulta de como Meter un Panel dentro de un Mensaje Ext Js

Hola tengo una consulta, sucede que me gusta el framework ext js, pero lo que quiero es utilizar su componente de mensaje, que levanta un msg-box y bloquea todo la pagina principal.
Lo que quiero es que dentro de se msg-box y dentro este un panel para poder insertar contenido html de esta forma:

Código:
<p>
    <b>Multi-line Prompt</b><br />
    A multi-line prompt dialog. &nbsp;
    <button id="mb3">Show</button>
</p>

<script>

Ext.require([
    'Ext.window.MessageBox',
    'Ext.tip.*'
]);

Ext.onReady(function(){
        Ext.get('mb3').on('click', function(e){
        Ext.MessageBox.show({
           title: 'Address',
           msg: 'Please enter your address:',
           width:600,
           buttons: Ext.MessageBox.OKCANCEL,
           multiline: true,
           fn: showResultText,
           animateTarget: 'mb3'
       });
    });
});
</script>
Ese seria el codigo para levantar el msg-box, pero quiero insertarle un panel dentro para meter contenido html como un formulario en html, de esta forma:

Código:
Ext.create('Ext.panel.Panel', { 
    title: 'Entregable', 
    width: 200, 
    html: '<p>World!</p>', 
    renderTo: 'information'
   }); 


              <div id="information">
                        <table width="90%" align="center" border="0" cellpadding="1">
                                  <tr>
                                        <td width="5%">&nbsp;</td>
                                        <td width="85%">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="texto"><a href="./maestros/rutasAccesoModulos/init.action" target="_blank"><b>002 - RUTAS ACCESO MODULO</b></a></td>
                                    </tr>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td class="texto"><a href="./maestros/motivosDevolucion/init.action" target="_blank"><b>003 - MOTIVOS DEVOLUCION </b></a></td>
                                    </tr>   
                    </div>