extjs-gpl/examples/kitchensink/classic/samples/view/form/CustomErrorHandlingController.js

GPL licensed version of Sencha Ext JS

Ext.define('KitchenSink.view.form.CustomErrorHandlingController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.form-customerrors',
    
    submitRegistration: function() {
        var form = this.getView().getForm();

        /* Normally we would submit the form to the server here and handle the response...
        form.submit({
            clientValidation: true,
            url: 'register.php',
            success: function(form, action) {
               //...
            },
            failure: function(form, action) {
                //...
            }
        });
        */

        if (form.isValid()) {
            var out = [];
            Ext.Object.each(form.getValues(), function(key, value){
                out.push(key + '=' + value);
            });
            Ext.Msg.alert('Submitted Values', out.join('<br />'));
        }
    },
    
    updateErrorState: function(cmp, state) {
        var me = this,
            errorCmp = me.lookupReference('formErrorState'),
            view, form, fields, errors;
        
        view = me.getView();
        form = view.getForm();

        // If we are called from the form's validitychange event, the state will be false if invalid.
        // If we are called from a field's errorchange event, the state will be the error message.
        if (state === false || (typeof state === 'string')) {
            fields = form.getFields();
            errors = [];
            
            fields.each(function(field) {
                Ext.Array.forEach(field.getErrors(), function(error) {
                    errors.push({name: field.getFieldLabel(), error: error});
                });
            });
            
            errorCmp.setErrors(errors);
            me.hasBeenDirty = true;
        } else if (state === true) {
            errorCmp.setErrors();
        }
    },

    onTermsOfUseElementClick: function(e) {
        var target;
        
        target = e.getTarget('.terms');
        e.preventDefault();
    
        if (target) {
            this.lookupReference('termsOfUseWindow').show();
        }
    },
    
    acceptTermsOfUse: function() {
        this.closeTermsOfUse(true);
    },
    
    declineTermsOfUse: function() {
        this.closeTermsOfUse(false);
    },
    
    closeTermsOfUse: function(accepted) {
        this.lookupReference('termsOfUseWindow').close();
        this.lookupReference('acceptTerms').setValue(accepted);
    }
});