单击事件meteorjs时插入模板实例

Question

我是流星的新手。 我想在每次单击按钮时插入一个新表。 我在模板中实现了表格，但是我不确定每次单击按钮时如何插入模板的实例。

html

<template name="addTable">
  <button type="button" id="addTables" class="btn btn-default" aria-label="Left Align">
</template>

js

Template.addTable.events({
   'click #addTables': function(e){
       var button = $(e.currentTarget);
       button.before(//I want to add code here to insert one instance of template Table here)
    }
})

我想要的效果是单击一次按钮后，可以在<button type="button" id="addTables" class="btn btn-default" aria-label="Left Align">之前插入一个{{> Table}} <button type="button" id="addTables" class="btn btn-default" aria-label="Left Align">在HTML中。 有人知道该怎么做吗？ 非常感谢！

Answer 1

这是准备使用的代码，只需根据需要调整表和行的样式。

 Template.table.events({ 'click #addRow'(e,t){ let table = t.find('.table');; Blaze.render(Template.row,table); } })

 <body> {{> table}} </body> <template name="table"> <table class="table"> <thead> <tr> <th>Firstname</th> <th>Lastname</th> <th>Email</th> </tr> </thead> <tbody> <tr id="myRow"> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr><br> </tbody> </table> <button class="btn btn-warning pull-right" id="addRow">Add Row</button> </template> <template name="row"> <table class="table"> <tbody> <tr> <td>John</td> <td>Doe</td> <td>john@example.com</td> </tr> </tbody> </table> </template>

在这里，我们利用Blaze.render，它将下一个要渲染的行和表作为父表。

您可以使用t.find（）分配表，该表在模板中查找该类。

单击事件meteorjs时插入模板实例

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-07-26 01:03:20

单击事件meteorjs时插入模板实例

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-07-26 01:03:20

解决方案1
1 已采纳 2016-07-26 01:03:20