Ext extentd Test

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

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

/*
 * 优先使用傳進業的參數
 *
 *
 */
Ext.ux.taink.mypanel = Ext.extend(Ext.Panel, {
            // 自定义变量
            mytitle : 'init title name',
            mywidth : null,
            myheight : null,
            // 初始化方法
            initComponent : function(config) {
                Ext.apply(this, {
                            title : this.mytitle,
                            width : this.mywidth,
                            height : this.myheight
                        });
                Ext.ux.taink.mypanel.superclass.initComponent.apply(this,
                        arguments);

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

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

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

/*
 * 傳進來的參數不起作用
 *
 *
 */
Ext.ux.taink.mypanelTemp = Ext.extend(Ext.Panel, {
            // 自定义变量
            title : 'init title name',
            mywidth : null,
            myheight : null,
            // 构造方法
            constructor : function(config) {
                Ext.apply(this, {
                            title : this.title,
                            width : this.mywidth,
                            height : this.myheight
                        });
                // 調用構造方法
                Ext.ux.taink.mypanelTemp.superclass.constructor.apply(this,
                        arguments);

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

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

/*------------------------- test --------------------------------------------*/
Ext.onReady(function() {

            var panel_01 = new Ext.ux.taink.mypanel({
                        renderTo : 'divUserGrid',
                        mytitle : 'JavaTester123',
                        title : 'java',
                        mywidth : 300,
                        myheight : 100,
                        frame : true
                    });

            var panel_02 = new Ext.ux.taink.mypanelTemp({
                        renderTo : 'divUserGrid',
                        frame : true,
                        title : 'constructorMethod',
                        mytitle : 'ExtDamo',
                        width : 300,
                        height : 100
                    });

        });

你可能感兴趣的:(ext)