Javascript extjs5。在带有renderTo的div中包括面板_Javascript_Extjs_Extjs5

Javascript extjs5。在带有renderTo的div中包括面板

javascript extjs

Javascript extjs5。在带有renderTo的div中包括面板,javascript,extjs,extjs5,Javascript,Extjs,Extjs5,使用ExtJS 5.0.1，我创建了一个Ext.panel.panel，并试图在面板内部显示id=“contendor”，但从未显示 <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@page language="java"%> <%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%> <%@taglib uri="/WEB-INF/

使用ExtJS 5.0.1，我创建了一个

Ext.panel.panel

，并试图在面板内部显示

id=“contendor”

，但从未显示

<%@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>


.x面板图标{背景位置：540 1px！重要；}
var面板；
var anchura=窗宽；
anchura*=0.970；
anchura+=1；
var altura=窗高；
阿尔图拉*=0.98；
panel=Ext.create（'Ext.panel.panel'{
id:'ventana'，
autoScroll：是的，
身高：阿尔图拉，
宽度：anchura，
标题：“”，
iconCls:“vDependencias”，
布局：“边框”，
可关闭：错误，
renderTo:Ext.get（'contendor'），
可调整大小：false，
项目：[
{xtype:'button'，text:'Press Me'}，
{xtype:'textfield'，text:'Press Me'}
],
框架：正确
});

我尝试了

renderTo:Ext.get（'contendor'）

，

renderTo:'contendor'

和

Ext.getBody（）

我做错了什么？

解决了，我的问题很简单

我试图用

标记中的代码进行渲染，所以文档还没有创建