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中的递归表单输入添加

1 个答案: