PDA

View Full Version : TypeError: el is null on ext-all-debug.js



rafareyes7
6 Jan 2014, 7:47 AM
I'm working in a ruby on rails app so I'm using Extjs for client side and I have a index view for the Admin Controller and when the view is rendered the console from the browser displays this and then if I want to take some element of the dom with a Script for example I just can't
47444


Uncaught TypeError: Cannot read property 'dom' of null ext-all-debug.js:14674 (http://localhost:3000/ext/ext-all-debug.js)

Ext.define.doInsertext-all-debug.js:14674 (http://localhost:3000/ext/ext-all-debug.js)
Ext.define.appendext-all-debug.js:12657 (http://localhost:3000/ext/ext-all-debug.js)
Ext.define.renderext-all-debug.js:28484 (http://localhost:3000/ext/ext-all-debug.js)
Ext.define.constructorext-all-debug.js:29579 (http://localhost:3000/ext/ext-all-debug.js)
Base.implement.callParentext-all-debug.js:4266 (http://localhost:3000/ext/ext-all-debug.js)
Ext.define.constructorext-all-debug.js:33595 (http://localhost:3000/ext/ext-all-debug.js)
constructorext-all-debug.js:4897 (http://localhost:3000/ext/ext-all-debug.js)
(anonymous function)VM207:3 (http://www.sencha.com/forum/chrome-devtools://devtools/bundled/devtools.html?dockSide=bottom&toolbarColor=rgba(0,0,0,1)&textColor=rgba(255,255,255,1))
Ext.ClassManager.instantiateext-all-debug.js:5485 (http://localhost:3000/ext/ext-all-debug.js)
(anonymous function)ext-all-debug.js:2112 (http://localhost:3000/ext/ext-all-debug.js)
(anonymous function)arbols.js:154 (http://localhost:3000/javascripts/condominio/arbols.js)
(anonymous function)ext-all-debug.js:9863 (http://localhost:3000/ext/ext-all-debug.js)
fireext-all-debug.js:9818 (http://localhost:3000/ext/ext-all-debug.js)
Ext.apply.readyEvent.readyEvent.fireext-all-debug.js:10052 (http://localhost:3000/ext/ext-all-debug.js)
Ext.apply.fireReadyEventext-all-debug.js:10130 (http://localhost:3000/ext/ext-all-debug.js)
(anonymous function)


here is the code of the view rendered:


<script type="text/javascript" src="/javascripts/condominio/a.js"></script>
<body>
<div id="art-main">
<div class="art-sheet clearfix">
<li> <img src="/Plantillav1/images/cabezota.PNG" style="margin-left:5px; margin-right:10px" width="28" height="28" align="left">
<h2 align="left" style="margin-top:10px;">Nombre Usuario <a id="cerrarSesion" href="Principal.html" > Cerrar Sesion</a></h2></li>
<div class="art-layout-wrapper clearfix">
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-sidebar1 clearfix"><div class="art-vmenublock clearfix">
<div class="art-vmenublockcontent">
<ol class="tree">
<li>
<label for="folder1">Propietario</label> <input type="checkbox" id="folder2" />
<ol>
<li>
<li class="file"><a >Cartelera Informativa</a></li>
<li class="file" ><a id="registrar_algo">Form1</a></li>
<li class="file"><a onclick="CrearIndicador();CrearFormularioFalla()">Registrar Falla</a></li>
<li class="file"><a onclick="CrearIndicador();" >Reservar Area Comun</a></li>
<li class="file"><a onclick="CrearFormularioQuejas();CrearIndicador()">Registrar Queja</a></li>
</ol>
</li>
</ol>
</li>

<li>
<label for="folder1">Configuracion de la Cuenta </label> <input type="checkbox" id="folder2" />
<ol>
<li>
<li class="file"><a >Cambiar Foto de Perfil</a></li>
<li class="file"><a >Cambiar Contraseņa</a></li>
<li class="file"><a >Cambiar Nombre Usuario</a></li>

</ol>
</li>
</ol>

</div>
</div></div>
</tr>
<div class="art-layout-cell art-sidebar2 clearfix" id="menuadmin_content">
<div id="div1" class="art-layout-cell art-content clearfix"><article class="art-post art-article">
<div class="art-postcontent art-postcontent-0 clearfix"><p></p></div>
</article></div></div>
<div id="indicadores" class="indicadores">
</tr>
</div>
</div>
</div>
</div>
</div>
</div>

I'm really confused about it

scottmartin
9 Jan 2014, 1:27 PM
Where is the ExtJS code?