mardi 8 novembre 2016

How to apply many different rules on an object efficiently and using object oriented techniques using javascript

This is my first pass at this task i have. I need to update my UI based on the field. The field can be of different types. Here I am just checking for a memo or boolean type.

    // UI Field Rule set.    
var UIFieldRules = {

    isMemo: function() {            
        return this.DataType === DataTypeKVP("Memo");
    },
    isBoolean: function() {
         return this.DataType === DataTypeKVP("Boolean");
    },
    MapToList: function() {
        if (UIFieldRules.isMemo.call(this) || UIFieldRules.isBoolean.call(this)) {
            console.log("memo or bool");
            console.log(UIFieldRules.isMemo.call(this));
            console.log(this);
            MAPTOLIST_SELECTOR.prop('disabled', true);
            return;
        } else {
            MAPTOLIST_SELECTOR.prop('disabled', false);
            console.log("UI field rules found memo");
        }
    }
};

I then call this object upon loading all the fields.

UIFieldRules.MapToList.call(field);

This works fine and satisfied the task, but now i need to apply more rules to the fields. (stop me if you heard this one before)

How can I get this set where i can just add a rule to a collection and have them all applied dynamically in javascript?

Aucun commentaire:

Enregistrer un commentaire