Meteor 中的递归表单输入添加

Question

我有一个可以用来创建发票的应用程序。我希望能够有多个工作领域，用户可以添加。

<div class="row desc">
  <div class="col-sm-1">
    <h5 class="dmno-txt invoice-field border line-num" id="item-0-num">1</h5>
  </div>
  <div class="col-sm-6 col-md-6">
    <div class="form-control-wrapper">
      <input class="dmno-green form-control empty" type="text" placeholder="What was this job" id="item-0-desc" value={{lineItem0}} step="any">
    </div>
  </div>
  <div class="col-sm-3 col-md-2 col-md-offset-1">
    <div class="form-control-wrapper">
      <input class="form-control empty" type="number" placeholder="How much?" step="any" id="total-0" value={{total0}}>
      <span class="material-input"></span>
    </div>
  </div>
  <div class="col-sm-1 col-md-offset-1">
    <div class="togglebutton">
      <label class="tax-toggle-label">
        <input type="checkbox" id="toggleTax-0"><span class="toggle"></span>
      </label>
    </div>
  </div>
</div>

这就是单个按钮的样子，我想知道如何创建一个带有 Meteor 事件的按钮以递归地添加一个 row。

Answer 1

试试这个。

Template.example.events(){
  'click #buttonExample':function(){
     var exampleStack = $(".row");
     $("body").append(d[0].cloneNode(true)); 
  }
}

这个 jsFildde 只是想了解这段代码的作用。

Meteor 中的递归表单输入添加

Recursive form input addition in Meteor

javascript

forms

recursion

meteor