Professional Documents
Culture Documents
1 Concepto
Para la versin 4, el Ext ya no es una extensin de ninguna otra librera y los desarrolladores de Sencha han decidido soportar nicamente el Ext Core que es una librera semejante a jQuery o Prototype, esta decisin fue tomada para que Sencha Touch (librera para mviles) compartiera cdigo con ExtJS 4, adems de varias otras ventajas.
1.4 Instalacin
1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta http-equiv="Content-Type" content="text/html; charset=iso-88591"> 5. <title>Ext.Panel</title> 6. <!-- Importar los estilos --> 7. <link rel="stylesheet" type="text/css" href="../js/Ext/resources/c ss/ext-all.css" /> 8. 9. <!-- Importar el ext-all-dev.js --> 10. <script type="text/javascript" src="../js/Ext/ext-alldev.js"></script> 11. 12. <script type="text/javascript" > 13. Ext.onReady(function(){ 14. alert("Ext esta instalado correctamente!"); 15. }); 16. </script> 17. </head> 18. <body> 19. <div id="center"></div> 20. </body> 21. </html>
2.3 Convenciones
No es una regla, pero si una convencin nombrar la clase siguiendo el formato camel case, es decir de la siguiente manera: UserPanel, UserGrid, UserForm, UserStore Tambin existe otra convencin que nos recomienda escribir en camel case el objeto raiz de nuestro namespace y todos los paquetes en minscula, de esta manera podremos diferenciar fcilmente entre clases y paquetes, por ejemplo: 1. 2. 3. 4. 5. Bleext.modules.security.roles.controller.Roles Bleext.modules.security.roles.model.Role Bleext.modules.security.roles.store.Roles Bleext.modules.security.roles.view.RolesGrid Bleext.modules.security.roles.view.RolePanel
1. Ext.define("Bleext.training.UserPanel",{ 2. extend : "Ext.panel.Panel", //<-- Herencia 3. 4. title : "User information", 5. width : 300, 6. height : 300, 7. bodyPadding : 10, 8. html : "Testing!" 9. });
3. 4. 5.
6. bclase 7. 8. 9.
me.callParent(); }
Sobre escribiendo el constructor para utilizar la herencia mltiple constructor:function(option){ Ext.apply(this,option ||{}); this.mixins.gipro.constructor.call(option); }, 9.2 as Loader Paquetes de datos dataView Arquitectura MVC Desktop Ejemplos