将项目插入活动选项卡窗格

Question

我目前有一个使用Twitter引导标签的标签界面。我需要能够单击一个按钮，以便使用传统的流星方法将项目插入当前活动的选项卡窗格。我冒险尝试了几种不同的解决方案，但我找不到正确的解决方案。

我的第一个想法就是把它想象成在帖子中插入评论。但是，我正在使用它的方式，列出项目的页面当然是一个引导选项卡窗格。因此，我没有将它在Iron Router中路由到“帖子页面”，就像后评论界面的几个例子一样。

这种界面工作的任何一般例子都很棒，因为我已经被这个问题困住了很长时间。

修改 这是我到目前为止使用的模板代码：

board.html

<template name="board">
    <div role="tabpanel" class="board tab-pane fade" id="{{slug}}">
        {{#each jobs}}
            {{> job}}
        {{/each}}
    </div>
</template>

board.coffee

############################################################################
# Boards
############################################################################

###
# Events
###





###
# Helpers
###

Template.board.helpers
    jobs: ->
        Jobs.find()

job.html

<template name="job">
    <div id="{{_id}}" class="job">
    </div>
</template>

Answer 1

好的，您只需要一个事件处理程序来捕获按钮单击并将job文档插入Jobs集合。

Template.mytemplate.events({ // whatever template your button is in
  'button click': function(ev){
    Jobs.insert({name: "foo"}); // however you're defining a job
  })
});

由于您正在迭代Jobs的游标，您的助手将自动对正在插入的新文档作出反应，您的DOM将自动更新。