
bonboul
|
Une autre maniere d'appeler les fonctions c'est a travers des namespace y la propiete handler Appelons ce fichier formpanel.js. Ext.namespace("Ext.fi"); Ext.f1.Load = function() { // creer un formpanel par exemple. var formPanel1=new Ext.form.FormPanel({ baseCls:'x-plain', bodyStyle: 'padding:0 10px 0;' defaultType:'textfield', items:[ { x:5, y:25, xtype:'label', text:'User' }, { x:55, y:20, name:'user', anchor:'95%', }, { x:5, y:55, xtype:'label', text:'Pass' }, { x:55, y:50, name:'pass', anchor:'95%', inputType:'password', } ] }); title:'Formulario d'autentification', renderTo:'center', width:330, height:220, layout:'fit', buttonAlign:'center', draggable : false, resizable :false, items:formPanel1, constrain :true, closable:false, buttons:[{ text:'Ok', handler:function() { Ext.f2.getAutreFormulaire(); } }] } appelons le second fichier formpanel2.js
Ext.namespace("Ext.f2"); Ext.f2.getAutreFormulaire = function() { // creer un autre formpanel par exemple. var formPanel2=new Ext.form.FormPanel({ baseCls:'x-plain', bodyStyle: 'padding:0 10px 0;' defaultType:'textfield', items:[ { x:5, y:25, xtype:'label', text:'Nom' }, { x:55, y:20, name:'nom', anchor:'95%', }, { x:5, y:55, xtype:'label', text:'Prenom' }, { x:55, y:50, name:'prenom', anchor:'95%', }, { x:5, y:25, xtype:'label', text:'User' }, { x:55, y:20, name:'user', anchor:'95%', }, { x:5, y:55, xtype:'label', text:'Pass' }, { x:55, y:50, name:'pass', anchor:'95%', inputType:'password', } ] }); title:'Formulario d'enregistrement', renderTo:'center', width:330, height:220, layout:'fit', buttonAlign:'center', draggable : false, resizable :false, items:formPanel2, constrain :true, closable:false, buttons:[{ text:'Send', handler:function() { // un methode pour envoyer les donnees; } }] } S'il y a des erreurs j'attends vos sugestions et vos conseils parce que je suis un débutant comment beaucoup d'entre vous Merci.
|