inputs should trigger dom/jquery 'change' in the same time as bem 'change'

[bem]

inputs should trigger dom/jquery 'change' in the same time as bem 'change'

[tyv]

same need to be added to blocks (look below), because they didn't trigger dom/jquery change at all
checkbox: https://github.com/bem/bem-components/blob/v1/common.blocks/checkbox/checkbox.js#L50
radiobox (didnt test): https://github.com/bem/bem-components/blob/v1/common.blocks/radiobox/radiobox.js#L85 and https://github.com/bem/bem-components/blob/v1/common.blocks/radiobox/radiobox.js#L177

[dfilatov]

You should use BEM-events and binds like BEM.blocks['input'].on(domElem, 'change', ...) where domElem is form, instead using of low-level DOM-events.

[tyv]

I dont know what exactly form elements will appear in my form.
so do I need in this case to repeat this subscription for all?

[dfilatov]

You need introduce high-level block, e.g. form, with approximately the following code (in case of v2):

modules.define('i-bem__dom', function(provide, BEMDOM) {

BEMDOM.decl('form', {
    onSetMod : {
        'js' : {
            'inited' : function() {
                ['input', 'radio', 'checkbox', 'select'].forEach(function(block) {
                    BEMDOM.blocks[block].on(this.domElem, 'change', this._onControlChange, this);
                }, this);
            },
            ...
        },
        ...
    },

    _onControlChange : function(e) {
        // e.target is a block that has changed
    },
    ...
});

provide(BEMDOM);

});

[dfilatov]

May be later we introduce in v2 subscription to all block to reduce the code:

 ['input', 'radio', 'checkbox', 'select'].forEach(function(block) {
    BEMDOM.blocks[block].on(this.domElem, 'change', this._onControlChange, this);
}, this);

to:

BEMDOM.blocks['*'].on(this.domElem, 'change', this._onControlChange, this);

[tyv]

thanks!

[narqo]

@dfilatov Maybe we could implement this form block as part of bem-components#v2?

[dfilatov]

@narqo I don't mind, but we must think about the interface (methods, events, etc).