2014年12月20日00:33:14-遮罩+进度条-extjs form.isvalid

Ext.onReady(function(){
    var loadMarsk = new Ext.LoadMask(Ext.getBody(),{
        msg : ‘正在处理，请稍后......‘,
        removeMask: true //完成后删除
    });
    loadMarsk.show();
    //loadMarsk.hide();
});

Ext.onReady(function(){
    var simple = new Ext.FormPanel({
        id: ‘id_formpanel‘,
        labelWidth: 75, // label settings here cascade unless overridden
        url:‘save-form.php‘,
        frame:true,
        title: ‘Simple Form‘,
        bodyStyle:‘padding:5px 5px 0‘,
        width: 350,
        defaults: {width: 230},
        defaultType: ‘textfield‘,

        items: [{
                fieldLabel: ‘First Name‘,
                name: ‘first‘,
                allowBlank:false
            },{
                fieldLabel: ‘Last Name‘,
                name: ‘last‘
            },{
                fieldLabel: ‘Company‘,
                name: ‘company‘
            }, {
                fieldLabel: ‘Email‘,
                name: ‘email‘,
                vtype:‘email‘
            }, new Ext.form.TimeField({
                fieldLabel: ‘Time‘,
                name: ‘time‘,
                minValue: ‘8:00am‘,
                maxValue: ‘6:00pm‘
            })
        ],

        buttons: [{
            text: ‘Save‘,
            handler: function(){
                var formpanel = Ext.getCmp("id_formpanel");
                var form = formpanel.getForm();
                if(!form.isValid()){
                    //console.log( form );
                    var formItems = form.items.items;
                    Ext.each(formItems, function(ia,i,all){
                        //console.log( ia.isValid() );
                        if(!ia.isValid()){
                            console.log( ia.name );
                            console.log( ia );
                        }
                    });
                    return;
                }
            }
        },{
            text: ‘Cancel‘
        }]
    });

    simple.render(document.body);
});