feat(require): bind multiple events with single common handler

[frostbane]

I was browsing through the Ractive documentation and saw

<div on-mouseover-mousemove='set( "hover", true )'>...</div>

and I thought that

data-on-childevent1-childevent2-....="parentevent"
<!-- when any of the childeventN is fired parentevent will get fired -->

data-listen-childevent1-childevent2-...="parentevent"
<!-- when parentevent is fired all of the childeventNs will also get fired -->

could also be possible.

Here's a sample on how I use it:

<rv-require name="dataList"
            src="widgets/data-list"
            data-title="等級色分類"
            data-addbtnlabel="追加・変更"
            data-sortable="false"
            data-on-resetdata-cleardata="clear-list-data"
            data-listen-clearselected-resetrange="clear-ranges"></rv-require>

[XavierBoubert]

Thanks again @frostbane!

Please can you follow the coding style?

name.split('-').forEach(function(eventName) {
  if (eventName.trim()) {
    events[eventName] = attr.value;
  }
});

[XavierBoubert]

I have updated the documentation with your work 😉

http://ractive-require.codecorico.com/#events

[frostbane]

I have refactored the code.

[XavierBoubert]

Sorry sorry but a if, even in single ligne needs its brackets. 😅

if (eventName.trim()) {
  events[eventName] = attr.value;
}

[XavierBoubert]

(I prefer to let you correct that to add commits after your work 😉)

[XavierBoubert]

(And strings are always in ' instead of ")

More on the JSCS rules

[XavierBoubert]

Perfect!

[XavierBoubert]

Released in 0.6.4

[XavierBoubert]

0.6.5 in fact.