Foro

plantilla para crear un componente?

Hola, quisiera apelar al corazon de algun buen samaritano  . podria alguien postearme un patron a seguir para la construccion de un componente, lo más claro posible, con manzanitas y peras,  . les explico, soy autodidacta, con todas las falencias que eso implica, y por más que leo y releo no logro dar con lo que necesito, logro que funcionen algunas cosas pero otras no. esto es lo que necesito:

//empaquetado
Ext.ns('myEspacio');
//nombre de mi componente
myEspacio.MyComponente = Ext.extend(Ext.form.FormPanel, {
//se supone que aqui van las variables que se pueden modificar desde 
//afuera del componente ¿no?
//configuracion inicial del componente???
initComponent:function() {
//llamada al componente padre???
myEspacio.myComponente.superclass.initComponent.call(this);
});//fin del componente
// registro del componente, supongo que para poder usarlo como xtype¿¿?? 
Ext.reg('myComponente', myEspacio.myComponente);

la verdad es que estoy muy enredado ya, he probado chirricientos ejemplos tratando de entender, y no lo logro. quisiera poder saber donde colocar los diferentes pocesos y eventos que necesito, por ejemplo si el componente tiene un combo que carga info de otro lado donde lo coloco? cualquiera que pueda ayudarme con esto tendrá mi eterno agradecimiento y le prenderé velitas todo un año  (no existe frustracion mas grande que la de no poder comprender algo) gracias de antemano

tokkaido
27/08/2009

2 Respuestas

Mejores votos Por fecha Solución

Aqui te dejo un template:

MyComponent = Ext.extend(Ext.some.component, {
    // Prototype Defaults, can be overridden by user's config object
    propA: 1,
 
    initComponent: function(){
        // Called during component initialization
 
        // Config object has already been applied to 'this' so properties can 
        // be overriden here or new properties (e.g. items, tools, buttons) 
        // can be added, eg:
        Ext.apply(this, {
            propA: 3
        });
 
        // Before parent code
 
        // Call parent (required)
        MyComponent.superclass.initComponent.apply(this, arguments);
 
        // After parent code
        // e.g. install event handlers on rendered component
    },
 
    // Override other inherited methods 
    onRender: function(){
 
        // Before parent code
 
        // Call parent (required)
        MyComponent.superclass.onRender.apply(this, arguments);
 
        // After parent code
 
    }
});
 
// register xtype to allow for lazy initialization
Ext.reg('mycomponentxtype', MyComponent);

saludos y suerte

Crysfel Villa
27/08/2009

gracias, lo estudiaré con detenimiento ahora por fin!!! muchas gracias, despues de estudiarlo e implementarlo ya puedo seguir adelante. gracias por la buena disposición. te prenderé velitas por un año, ............................  ..  ..  .  ..  ...

tokkaido
27/08/2009

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