关于ExtJS中的mask和unmask

Ke — Wed, 21 Dec 2011 02:29:00 GMT

��Z��在发��h��一事�g后，��L��用户对界面的�q�行操作�Q�可以��用ExtJS提供的针对Ext.Element的mask和unmask

例如�Q?
1、对整个body操作

Java代码

function reLoadData(){
Ext.getBody().mask("数据重新加蝲中，��L(f��ng)��{?);
var requestConfig = {
url : '#',//url可以�Ҏ(gu��)��需要设�|?
callback : function(options, success, response){
var msg = ["", , "\n", "", response.responseText];
Ext.MessageBox.alert('提示', msg.join(''));
Ext.getBody().unmask();//去除MASK
}
}
Ext.Ajax.request(requestConfig);
}

2、对�l��g实例操作
new Ext.form.FormPanel({id:'form',……});
Ext.getCmp("form").getEl().mask("数据重新加蝲中，��L(f��ng)��{?);
Ext.getCmp("form").getEl().unmask();

Ke 2011-12-21 10:29 发表评论

ext4 VTypes扩展(�?

Ke — Fri, 04 Nov 2011 03:25:00 GMT

轉自:http://lbyzx123.iteye.com/blog/1143556

新徏一个文�Ӟ��在文件内插入如下内容�Q?

Ext.apply(Ext.form.field.VTypes,
{

//首先定义一个vtype名称�Q�和他的验证函数�Q�val参数是文本框的��|��field是文本框。一般我��׃��用val和正则表辑ּ�比较?y��u)��O(ji��n)K了�?
//然后定义一个vtype的报错信息，与vtype名称加Text后缀。OK了�?
passwd: function(val, field)
{
        if (field.initialPassField)
        {
            var pwd = Ext.getCmp(field.initialPassField);
            return (val == pwd.getValue());
        }
        return true;
},
passwdText: '两次输入的密码不一��_(d��)��',

chinese:function(val,field)
{
        var reg = /^[\u4e00-\u9fa5]+$/i;
        if(!reg.test(val))
        {
            return false;
        }
        return true;
},
chineseText:'误��入中�?,

age:function(val,field)
{
        try
        {
            if(parseInt(val) >= 18 && parseInt(val) <= 100)
                return true;
            return false;
        }
        catch(err)
        {
            return false;
        }
},
ageText:'�q�龄输入有误',

alphanum:function(val,field)
{
        try
        {
            if(!/\W/.test(val))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
alphanumText:'误��入英文字母或是数�?其它字符是不允许�?',

url:function(val,field)
{
        try
        {
            if(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(val))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
urlText:'误��入有效的URL地址.',

max:function(val,field)
{
        try
        {
            if(parseFloat(val) <= parseFloat(field.max))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
maxText:'��过最大�?,

min:function(val,field)
{
        try
        {
            if(parseFloat(val) >= parseFloat(field.min))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
minText:'��于最��?,

datecn:function(val,field)
{
        try
        {
            var regex = /^(\d{4})-(\d{2})-(\d{2})$/;
            if(!regex.test(val)) return false;
            var d = new Date(val.replace(regex, '$1/$2/$3'));
            return (parseInt(RegExp.$2, 10) == (1+d.getMonth())) && (parseInt(RegExp.$3, 10) == d.getDate())&&(parseInt(RegExp.$1, 10) == d.getFullYear());
        }
        catch(e)
        {
            return false;
        }
},
datecnText:'请��用这��L(f��ng)��日期格式: yyyy-mm-dd. 例如:2008-06-20.',

integer:function(val,field)
{
        try
        {
            if(/^[-+]?[\d]+$/.test(val))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
integerText:'误��入正��的整数',

minlength:function(val,field)
{
        try
        {
            if(val.length >= parseInt(field.minlen))
                return true;
            return false
        }
        catch(e)
        {
            return false;
        }
},
minlengthText:'长度�q�小',

maxlength:function(val,field)
{
     try
     {
        if(val.length <= parseInt(field.maxlen))
            return true;
        return false;
     }
     catch(e)
     {
        return false;
     }
},
maxlengthText:'长度�q�大',

ip:function(val,field)
{
        try
        {
            if((/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(val)))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
ipText:'误��入正��的IP地址',

phone:function(val,field)
{
        try
        {
            if(/^((0[1-9]{3})?(0[12][0-9])?[-])?\d{6,8}$/.test(val))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
phoneText:'误��入正��的�?sh��)话��L(f��ng)��,�?0920-29392929',

mobilephone:function(val,field)
{
        try
        {
            if(/(^0?[1][35][0-9]{9}$)/.test(val))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
mobilephoneText:'误��入正��的手机��L(f��ng)��',

alpha:function(val,field)
{
        try
        {
            if( /^[a-zA-Z]+$/.test(val))
                return true;
            return false;
        }
        catch(e)
        {
            return false;
        }
},
alphaText:'误��入英文字�?,

money:function(val,field)
{
        try
        {
            if(/^\d+\.\d{2}$/.test(val))
                return true;
        return false;
        }
        catch(e)
        {
            return false;
        }

},
moneyText:'误��入正��的金额'
});

在页面引入上面新建的文�g�Q�在相应界面的组件中定义vtype,卛_��q�行有限验证�?

引用�C�Z��代码�Q?/strong>

    //构徏一个密码Form
        var pwd = new Ext.form.Panel({
          labelWidth: 125,
          frame: true,
          title: '密码验证�?,
          width: 350,
          renderTo : 'pw',
          allowDomMove : true,
          draggable : true,
          defaults: {
            width: 175,
            inputType: 'password'
          },
          defaultType: 'textfield',
          items: [{
            fieldLabel: '密码:',
            name: 'pass',
            id: 'pass'
          },{
            fieldLabel: '密码��认:',
            name: 'pass-cfrm',
            vtype: 'passwd',
            initialPassField: 'pass'
          }]
        });

其中�Q�initialPassField是自定义的属性，记录上一个password的id,然后在VType的验证函��C��取出上一个password�l��g的��|��q�行比较�?/strong>

��C��Q�上一个password必须讄��id属性�?/strong>

Ke 2011-11-04 11:25 发表评论

国产精品亚洲综合一区在线观看,亚洲全部视频,中文字幕二三区不卡

关于ExtJS中的mask和unmask

ext4 VTypes扩展(�?