將項目插入活動選項卡窗格

-1

我目前有一個使用Twitter引導標籤的選項卡式界面。我需要能夠點擊一個按鈕，以便使用傳統的流星方法將項目插入當前活動的選項卡窗格中。我已經嘗試了幾種不同的可能解決方案，但我一直無法找到正確的解決方案。將項目插入活動選項卡窗格

我的第一個想法就是想像在評論中插入評論。然而，我正在使用它的方式，列出項目的頁面當然是一個引導選項卡窗格。正因爲如此，我沒有將它在Iron Router中路由到像post-comment界面的幾個例子那樣的「post page」。

任何通用的這種接口工作的例子都會很好，因爲我已經在這個相當長的一段時間了。

編輯： 這是我一直使用至今的模板代碼：

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>

來源

2016-02-09 S. Magee

1）項目是集合中的文檔嗎？ 2）可以將多個項目插入到選項卡窗格中嗎？ 3）你可以顯示你的模板代碼到目前爲止？ –

@MichelFloyd是的，這個想法是，用戶將能夠點擊一個簡單的按鈕，並添加一個「工作」到「板」。這可以根據需要多次完成。模板代碼已添加到我上面的文章的已編輯部分。 –

好吧，您只需要一個事件處理程序，它捕獲按鈕單擊並將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會自動更新。

來源

2016-02-09 18:49:10

將項目插入活動選項卡窗格

回答

相關問題