test Ext.extend

Ext.namespace('Ext.ux.taink');

/*-------------------------- declare -------------------------------------------*/
Ext.ux.taink.myPanel = function(config) {
    Ext.apply(this, {
                width : 300,
                height : 300
            });

    Ext.ux.taink.myPanel.superclass.constructor.apply(this, arguments);
    this.on('click', function() {
                alert("You Clicked " + this.title);
            }, this);

};

Ext.extend(Ext.ux.taink.myPanel, Ext.Panel);

Ext.reg('myPanel', Ext.ux.taink.myPanel);

/*-------------------------- declare -------------------------------------------*/

Ext.ux.taink.myGridPanel = function(config) {
    Ext.apply(this, {
                width : 300,
                height : 300
            });

    Ext.ux.taink.myGridPanel.superclass.constructor.apply(this, arguments);
    this.on('click', function() {
                alert("You Clicked " + this.title);
            }, this);

};

Ext.extend(Ext.ux.taink.myGridPanel, Ext.Panel, {});

Ext.reg('myGridPanel', Ext.ux.taink.myGridPanel);

/*-------------------------- declare -------------------------------------------*/

Ext.ux.taink.mypanelTemp = Ext.extend(Ext.Panel, {

            initComponent : function() {
                Ext.apply(this, {
                            width : 300,
                            height : 300
                        });
                Ext.ux.taink.mypanelTemp.superclass.initComponent.apply(this,
                        arguments);

                this.on('click', function() {
                            alert("sdfsdf");
                        }, this);
            }
        });

Ext.reg('mypanelTemp', Ext.ux.taink.mypanelTemp);

/*-------------------------- declare -------------------------------------------*/

Ext.ux.taink.mypanelTemp2 = Ext.extend(Ext.Panel, {

    constructor : function() {
        Ext.apply(this, {
                    width : 300,
                    height : 300
                });
        Ext.ux.taink.mypanelTemp2.superclass.constructor.apply(this, arguments);

        this.on('click', function() {
                    alert("sdfsdf");
                }, this);
    }
});

Ext.reg('mypanelTemp2', Ext.ux.taink.mypanelTemp2);

/*------------------------- test --------------------------------------------*/
Ext.onReady(function() {
            var mygpanel = new Ext.ux.taink.myPanel({
                        applyTo : 'divUserGrid',
                        frame : true,
                        title : 'test123',
                        width : 100,
                        height : 100
                    });
            var mygpanel2 = new Ext.ux.taink.myGridPanel({
                        renderTo : 'divUserGrid',
                        frame : true,
                        title : 'test',
                        width : 100,
                        height : 100
                    });
            var mygpanel3 = new Ext.ux.taink.mypanelTemp({
                        renderTo : 'divUserGrid',
                        frame : true,
                        title : 'initComponentMethod',
                        width : 100,
                        height : 100
                    });
            var mygpanel5 = new Ext.ux.taink.mypanelTemp2({
                        renderTo : 'divUserGrid',
                        frame : true,
                        title : 'constructorMethod',
                        width : 200,
                        height : 100
                    });

        });