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

Question

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

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

这种界面工作的任何通用示例都会很棒，因为我已经被难倒了很长一段时间。

编辑：这是我到目前为止一直在使用的模板代码：

板.html

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

板咖啡

############################################################################
# Boards
############################################################################
###
# Events
###


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

工作.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 将自动更新。