Invocar Ventanas desde el Desktop
Saludos a Todos,
Tengo problemas en el escritorio al invocar ventanas que están un directorio y en un archivo diferente al del desktop, a continuación los path's:
Desktop: proyecto/desktop/desktop.php
Ventana: proyecto/modulos/modulo1/form.php
JS: proyecto/modulos/modulo1/form.js
Tome como documentación el siguiente tema del foro:
<!-- l -->viewtopic.php?f=6&t=294<!-- l -->
El código es el siguiente:
[b]Para proyecto/desktop/desktop.php[/b]
.....
createWindow : function(src){
var desktop = this.app.getDesktop();
var win = desktop.getWindow('bogus'+src.windowId);
if(!win){
win = desktop.createWindow({
id: 'bogus'+src.windowId,
title:src.text,
width:640,
height:480,
html : '<p>Something useful would be in here.</p>'+src.windowId,
iconCls: 'bogus',
shim:false,
animCollapse:false,
constrainHeader:true,
autoLoad: {
url: '../modulos/modulo1/form.php',
border:false,
scripts: true, //para ejecutar los <script>.../script obtenidos del servidor
scope: this
}
});
}
win.show();
.....
[b]Para Ventana: proyecto/modulos/modulo1/form.php[/b]
.....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Demo: Form example | Quizzpot</title>
<link rel="stylesheet" type="text/css" href="../libs/js/ext-3.1.0/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext-3.1.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-3.1.0/ext-all-debug.js"></script>
<script type="text/javascript" src="../modulos/modulo1/form.js"></script>
<style type="text/css">
.amarillo{ opacity:50; background:#FFFF99 !important;}
.verde{ opacity:50; background:#CCFF99 !important;}
#frame{
width:300px;
margin:100px auto;
}
</style>
</head>
<body>
<div id="frame"></div>
</body>
</html>
.....
[b]Para JS: proyecto/modulos/modulo1/form.js[/b]
.....
var customerPanel = new Ext.Panel({
html:'Mi Panel'
});
var windowOpened = Ext.getCmp("bogus1");
windowOpened.add(customerPanel);
windowOpened.doLayout();
.....
Pero al ejecutar la aplicación me aparecen cuatro errores en el código, según la imagen adjunta.
[attachment=0]<!-- ia0 -->Desktop.JPG<!-- ia0 -->[/attachment]
Agradezco la ayuda que me puedan brindar al respecto.
Gracias y Abrazos.
Usuario no registrado
04/01/2010
Hola malexandergg, solucionaste tu problema?
Porque observo dos cosillas en tu code:
1)
La linea url: '../modulos/modulo1/form.php', se invoca cuando creas la ventana y
lo que te retona este php es cargado en memoria y ejecutado. Lo que no entiendo es porque vuelves
a incluir las librerias del ext, porque supongo que ya lo estás incluyendo en desktop.php, no es asi?
prueba que en tu form.php solo haya lineas de script para crear tu formulario, por ejemplo:
form.php:
<script type="text/javascript" src="../modulos/modulo1/form.js"></script>Nada más que esa linea. 2) Las inclusiones de librerías solo la deberías hacer cuando trabajes dentro de un iframe, pero este no es el caso, ya que cargas tus scripts a demanda. Sldos.
Invitado
25/02/2010
yo prefiero utilizar rutas absolutas para incluir javascripts y css
por ejemplo: mydomain.com
/www/
/www/js
/www/css
si guardo todos los js en la carpeta js ( puede existir una estructura de carpetas dentro )
siempre vas a poder acceder a los js asi
<script src="/js/modulo1/form.js"><script>
<script src="/js/modulo2/submod2/special.js"><script>
desde cualquier parte de tu aplicacion y no tienes que estar adivinando rutas absolutas en tus scripts de php
puedes probar esto coloando en el url
<!-- m -->http://mydomain.com/js/modulo1/form.js<!-- m -->
y veras como se despliega el archivo javascript, esto sucede igual para los archivos css
<!-- m -->http://mydomain.com/css/layout1.css<!-- m -->
<!-- m -->http://mydomain.com/css/color/blue.css<!-- m -->
<style href="/css/ñaupit1css" />
el truco esta en decirle al servidor web que busque el archivo desde la raiz del sitio comenzando con "/" (slash) el path o href del archivo en cuestion
PD: sera que alguien tiene alguna explicacion de ese MEGA ejemplo del web desktop de Ext Js step by step o algo donde uno puede coger impulso para tratar de entenderlo... Gracias y espero sirva la info
Invitado
12/04/2010
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.