Syncing model property with DOM value.

@leeoniya

I’ve developed this function to keep a model property in sync with the DOM value; it takes a model object, property name and attribute name and sets up the value assignment and an oninput handler. It also allows the backing model property to be either a simple value or get/set wrapper.

The thing I haven’t catered for is having multiple handlers, which would allow application code can add oninput handling on top of this.

What do you think of it in the context of DOMVM?

function modelSync(obj,prp,atr) {
    return { [atr]: modelValue(obj,prp), oninput: [modelUpdateHandler,obj,prp,atr] };
    }

function modelUpdateHandler(obj, prp, atr, evt) {
    modelValue(obj,prp,(evt && evt.target && evt.target[atr]));
    }

function modelValue(obj,prp,val) {
    if(obj[prp]==undefined) { throw new Error("Cannot find property '"+prp+"' in object",obj); }    // require defined property to help find coding errors
    return val==undefined
        ? genU.isFunction(obj[prp]) ? obj[prp]()    : obj[prp]
        : genU.isFunction(obj[prp]) ? obj[prp](val) : obj[prp]=val;
    }

[leeoniya]

there is no cloning. it just passes the args through [1],[2]

[1] https://github.com/leeoniya/domvm/blob/3.x-dev/src/view/patchEvent.js#L78 [2] https://github.com/leeoniya/domvm/blob/3.x-dev/src/view/patchEvent.js#L45

[lawrence-dol]

there is no cloning. it just passes the args through

Nevermind… it was me, buried in some library code.