extjs 继承记录

 

1.com.wangdl.cn.MyPanel = function(){  
2.    //构造器中调用父类构造，传参  
3.    com.wangdl.cn.MyPanel.superclass.constructor.call(this,{  
4.        title:'hello',  
5.        tbar:[  
6.        {  
7.        text:'adduser',  
8.        handler:this.addUser,  
9.        scope:this//加这一行可以使addUser方法执行的环境发生变化  
10.        }  
11.    ]  
12.    });   
13.};  
14.//通过第三个参数指定调用父类initComponent方法，并在并列的位置定义自己的方法  
15.Ext.extend(com.wangdl.cn.MyPanel,Ext.Panel,{  
16.    initComponent:function(){  
17.        //Ext.apply(this);  
18.        com.wangdl.cn.MyPanel.superclass.initComponent.call(this);  
19.    },  
20.    addUser:function(){  
21.        alert(this.title);  
22.    }  
23.}); 

 

 

1.com.wangdl.cn.MyPanel = Ext.extend(Ext.Panel,{  
2.    title:'test hello',  
3.    initComponent:function(){  
4.        Ext.apply(this,{  
5.            tbar:[  
6.            {text:'addUser',handler:this.addUser,scope:this}  
7.            ]  
8.        });  
9.        com.wangdl.cn.MyPanel.superclass.initComponent.call(this);  
10.    },  
11.    addUser:function(){  
12.        alert(this.title);  
13.    }  
14.}); 

 

 

 

 

 

MyFormPanel = Ext.extend(Ext.form.FormPanel, {
    title: '新 建',
    bodyStyle: 'padding: 5px', //组件样式
    width: 500, //宽度
    height: 400, //高度
    labelAlign: 'right', //文字说明排列
    renderTo: 'forms', //将对象映射到ID为forms的DIV上
    buttonAlign: 'center',//按钮排列
    labelWidth: 80, //文字宽度
    initComponent: function(){
        this.items = [{ //包含ITEM
            xtype:'textfield', //加载textfield对象
            fieldLabel: '姓名', //文字说明
            anchor: '90%' //控件宽度百分比
        },{
            fieldLabel: '性别', //文字说明
            xtype: 'combo',//加载combo对象
            store: ['男', '女'], //数据源
            mode : 'local', //数据加载模式为本地模式
            triggerAction : 'all',
            valueField : 'value',
            displayField : 'text',
            editable : false //控件不可编辑
        },{
            fieldLabel: '年龄',//文字说明
            xtype: 'numberfield' //加载numberfield对象
        },{
            xtype: 'textarea',//加载textarea对象
            fieldLabel: '个人说明',//文字说明
            anchor: '90%',//控件宽度百分比
            height: 200 //控件高度
        }];
        this.buttons = [{ //包含BUTTON
            text: '确 定' //按钮文字说明
        },{
            text: '取 消' //按钮文字说明
        }];
        MyFormPanel.superclass.initComponent.call(this, arguments);//调用父类的initComponent
    }
});
Ext.onReady(function(){ //每个ExtJs代码都必须在Ext.onReady中执行
    var form = new MyFormPanel();
});

 

 

 

//ext验证是否IP地址

var IPReg = /^(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])/.(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])/.(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])/.(/d{1,2}|1/d/d|2[0-4]/d|25[0-5])$/i;
 Ext.apply(Ext.form.VTypes, {
    IPVali: function(val, field) {
        return IPReg.test(val);
    },
    IPValiText: 'ip地址不正确'
});