ExtJS 5. включить панель внутри div с renderTo

Использование ExtJS 5.0.1 Я создал Ext.panel.Panel, и я пытаюсь показать внутри панели с id="contenedor", но никогда не отображается.ExtJS 5. включить панель внутри div с renderTo

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<%@page language="java"%> 
<%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%> 
<%@taglib uri="/WEB-INF/struts-html.tld" prefix="html"%> 
<%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%> 
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%> 
<html> 
<head> 
    <html:base /> 
    <title><bean:message key="label.BIA.informe.proceso.verDependencias"/></title> 
    <link rel="stylesheet" href="../../config/ProcopEstilos.css" type="text/css" /> 
    <link rel="stylesheet" href="../../config/css/ext-all.css" type="text/css" /> 
    <link rel="stylesheet" href="../../config/css/core.css" type="text/css" /> 
    <style type="text/css"> 
     .x-panel-icon {background-position:540 1px !important;} 
    </style> 
    <script src="../../config/Procop.js"> </script> 
    <script src="../../config/js/ext-all-5.0.js"></script> 
    <script src="../../config/js/ext-dom-utils.js"></script> 
    <script src="../../config/js/ExtLocale/<%=request.getSession(true).getAttribute("langSesion")%>"></script> 
    <script src="../../config/js/DD_roundies.js"></script> 
    <script src="/<bean:message key="global.application.context.name"/>/private/busquedas/busquedas.js" defer="defer"></script>  

    <script type="text/javascript"> 

     var panel; 

      var anchura = windowWidth; 
      anchura *= 0.970; 
      anchura += 1; 
      var altura = windowHeight; 
      altura *= 0.98; 

      panel = Ext.create('Ext.panel.Panel',{ 
       id:'ventana', 
       autoScroll:true, 
       height: altura, 
       width: anchura, 
       title: '&nbsp;<bean:message key="breadcrumbs.gestionInventarios.consultaMultiple" />', 
       iconCls:'vDependencias', 
       layout: 'border', 
       closable: false, 
       renderTo: Ext.get('contenedor'), 
       resizable: false, 
       items:[ 
        {xtype:'button',text: 'Press Me'}, 
        {xtype:'textfield',text: 'Press Me'} 
       ], 
       frame: true 
      });  
    </script> 
</head> 
<body class="body2"> 

    <div style="text-align: center; height: 100%;"> 
     <div id="contenedor" style="margin: 5px auto 0px; width: 100%; height: 98%;"> 
      <html:form action="/GIConsultaMultiple?method=consultaMultiple">       
       <!-- Elementos ocultos del formulario --> 
        <html:hidden property="idTipoActivo" /> 
        <html:hidden property="idActivo" /> 
        <html:hidden property="nombreActivo" /> 
       <!-- Fin elementos del formulario -->    
      </html:form> 
     </div> 
    </div> 
</body> 
</html>

Я попытался с renderTo: Ext.get('contenedor'), renderTo: 'contenedor' и Ext.getBody().

Что я делаю неправильно?

источник

2015-05-07 S. Moreno

Решенный, моя проблема очень проста.

Я пытался сделать с моим кодом внутри тега <head>, поэтому документ еще не создан.

источник

2015-05-07 13:34:08

ExtJS 5. включить панель внутри div с renderTo

ответ

Смежные вопросы