在 Meteor 著名视图中处理 Scrollview 和 Surfaces 中的事件

Question

我正在尝试找到一种实用的方法来处理 Meteor 中具有著名观点的事件。

所以我已经阅读了 gadicohen 的文档 (famous-views demo) 并且到目前为止它有效。但是，如果我将 layoutTemplate 添加到我的 Iron:router 并使用 {{>yield}} 路由到模板，那么我只能从 layoutTemplate 的 JS 文件中捕获事件。

这意味着我必须将我所有的 JS 逻辑都包含到 layout-JS 文件中，这似乎不切实际。

布局.html：

{{#famousContext id="MainCtx"}}

    {{> yield}}
{{/famousContext}}

layout.js：

Template.layout.events({
    'click': function() {}  // works!!
});

someTemplate.html：

<template name="someTemplate">
    {{#Scrollview align="[0,0.06]" origin="[0,0]"}}
        {{#famousEach items}}
            {{>Surface template="item" size="[undefined, true]" }}
         {{/famousEach}}
    {{/Scrollview}}

<template name="item">
    <div id="{{_id}}" style="height: 100%; width: 100%;>
<template>

someTemplate.js：

Template.someTemplate.events({
    'click': function() {}     // doesn't work
});

我也尝试过着名的事件，但没有成功。 使用 target.on() 我什至不知道如何处理 Scrollview 中的表面。

那么 Meteor 的方法是什么？

谢谢和问候

Answer 1

正如著名观点网站所述，我发现了错误 “事件不会向上传播（“冒泡”）（从 Surface 出来）。”，因此正确的用法是：

Template.item.events({
    'click': function() {}     // should work!
});