Foro

Duda de conceptos con reutilizacion de formulario

0
Hola a todos. Soy muy nuevo en este tema (JavaScript-ExtJS-PHP) y tengo dudas de "conceptos" que me gustaria me aclarasen. Partiendo de un ejemplo de la pagina donde se muestra un formulario en una ventana me surge la siguiente "inquietud": Barajo la idea de realizar un formulario que se pueda "envolver" en diferentes contenedores: una ventana, un panel, etc y no tengo muy claro como hacerlo. Les cuento mi idea a ver si alguien me ilumina un poco. Creo un archivo miformulario.js con mi formulario: [size=50]
Myform = new Ext.form.FormPanel({
			//standardSubmit: true, // traditional submit
			url: '../codigophp/submitform.php',
			border:false,
			labelWidth: 80,
			defaults: {
				xtype:'textfield',
				width: 150
			},
			items:[
				{fieldLabel:'Title',name:'title', allowBlank:false},
				{xtype:'combo',fieldLabel:'Year',name:'year',triggerAction:'all',store:[2009,2008,2007,2006]},
				{xtype:'numberfield',fieldLabel:'Revenues',name:'revenues'},
				{xtype:'textarea',fieldLabel:'Comment',name:'comment'},
				{xtype:'checkbox',fieldLabel:'',labelSeparator:'',boxLabel:'Available',name:'available'}
			]
}
[/size] Creo otro archivo con el contenedor: la ventana. [size=50]
Ext.ns('com.quizzpot.tutorial');
Ext.BLANK_IMAGE_URL = '../../ext-3.2.1/resources/images/default/s.gif';
com.quizzpot.tutorial.SubmitFormTutorial = {
	init: function(){
            
		this.win = new Ext.Window({
			id:'mywin',
			title: 'Submit data to the Server',
			bodyStyle: 'padding:10px;background-color:#fff;',
			width:300,
			height:270,
			items:[this.form],
			buttons: [{text:'Save',handler:this.sendData,scope:this},{text:'Cancel'}]
		});
                                 var tmp = Myform; // declaro mi formulario 
                
                this.win.add(Myform); //añado el formulario a la ventana
		this.win.show();	
	},
        sendData: function(){
                Ext.Msg.alert('Lo que sea');
        }
}
Ext.onReady(com.quizzpot.tutorial.SubmitFormTutorial.init,com.quizzpot.tutorial.SubmitFormTutorial);
[/size] Y por ultimo el html: [size=50]
<!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: Submit the form with Ajax | Quizzpot</title>
<link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="../doc/resources/style.css" />
<script type="text/javascript" src="../ext-3.2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-3.2.1/ext-all.js"></script>
<script type="text/javascript" src="codigojs/MyDialogo.js"></script>
<script type="text/javascript" src="codigojs/Myventana.js"></script>
</head>
<body>
</body>
</html>
[/size] ¿Este concepto es correcto?, ¿que hago mal?,..... agradeceria cualquier sugerencia pues estoy un poco perdido. GRACIAS

¿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.

Tags

Ext JS 3