riot.js：收听其他元素的事件

Question

假设我有两个自定义元素：a和b。 a包含另一个可以单击的元素，我想在发生这种情况时触发自定义事件。那个自定义事件应该被元素b捕获。

我可以在元素a中使用this.trigger，但是元素b中的this.on不会捕获事件（这似乎是逻辑的，因为它没有在b上触发）。

因此：我可以检索元素b中的元素a在元素b中执行类似“elementA.on（）”的操作吗？

基本上，我想要RiotControl等功能，但没有存储数据，因为我只是想在我的用例中触发一个模式，而不是存储任何东西。

我可能会回到jQuery并触发并监听文档上的事件，但这真的是一个好方法吗？

Answer 1

您可以创建一个共享的可观察到的如：

var eventBus = riot.observable(); 

当你安装你的元素，你可以把它作为一个选项：

riot.mount('elementa', { eventBus: eventBus }) 
riot.mount('elementb', { eventBus: eventBus }) 

然后，他们可以在听录音的触发同一观察到：

this.opts.eventBus.trigger('openModal', ...maybeSomeOptions); 
this.opts.eventBus.on('openModal', function(...maybeSomeOptions) {}); 

免责声明：riotjs是新的我

Answer 2

我解决这个问题的方法是使用mixin自动将相同的Observable包含到多个标记中。

// mixins.js 
let ObservableMixin = { 
    observable: riot.observable() 
}; 

然后，在任何.tag文件中，我希望共享观察点能够存活，我只需要调用。

// Any .tag file 
this.mixin(ObservableMixin); 
... 
this.observable.trigger('eventName', { optional: options }); 

有关混入更多信息，请查看：Riot Mixins