ExtJs4.2 知识点

知识点1：修改密码类

参考：点击这里

Ext.apply(Ext.form.VTypes, {

    password: function (val, field) {

        if (field.initialPassField) {

            var pwd = Ext.getCmp(field.initialPassField);

            return (val == pwd.getValue());

        }

        return true;

    },

    passwordText: '两次输入的密码不一致!'

});



Ext.onReady(function () {

        var formWidget = Ext.widget({

        xtype: 'form',

        layout: 'form',

        renderTo: 'myKeyDiv',

        id: 'titleSetForm',

        frame: true,

        title: '修改密码',

        bodyPadding: '5 5 0',

        width: 350,

        fieldDefaults: {

            msgTarget: 'side',

            labelWidth: 75

        },

        defaultType: 'textfield',

        items: [{

            fieldLabel: '当前密码',

            inputType: 'password',    //密码框属性设置

            name: 'keyold',

            allowBlank: false,

            blankText: '密码不能为空',

            regex: /^[\s\S]{0,20}$/,

            regexText: '密码长度不能超过20个字符'

        }, {

            id: 'keynew1',

            fieldLabel: '新密码',

            inputType: 'password',    //密码框属性设置

            name: 'keynew1',

            allowBlank: false,

            blankText: '密码不能为空',

            regex: /^[\s\S]{0,20}$/,

            regexText: '密码长度不能超过20个字符'

        }, {

            fieldLabel: '确认密码',

            inputType: 'password',    //密码框属性设置

            initialPassField: 'keynew1',

            id: 'keynew2',

            name: 'keynew2',

            vtype: 'password',

            allowBlank: false,

            blankText: '密码不能为空',

            regex: /^[\s\S]{0,20}$/,

            regexText: '密码长度不能超过20个字符'

        }]

           });

});

如图：