Question

如何在autoform demo http://autoform.meteor.com/updateaf中实现该表？

它只有更新表单的代码，但不包含可点击的表格。我想知道可点击表如何链接到更新表单。谢谢。

Answer 1

该表的代码是开源的，可在此处获取：https://github.com/aldeed/autoform-demo/tree/master/client/views/updateaf

（相关的html）：

<table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <td>Name</td>
        <td>Age</td>
      </tr>
    </thead>
    <tbody>
      {{#each people}}
        <tr class="person-row {{#if isSelectedPerson}}selected{{/if}}">
          <td>{{firstName}} {{lastName}}</td>
          <td>{{age}}</td>
        </tr>
      {{/each}}
    </tbody>
</table>

autoform：

{{#autoForm id="afUpdateDemo" type=formType collection=Collections.People doc=selectedPersonDoc autosave=autoSaveMode}}
        {{> afQuickField name="firstName"}}
        {{> afQuickField name="lastName"}}
        {{> afQuickField name="age"}}
        {{#unless autoSaveMode}}
        <div class="form-group">
          <button type="submit" class="btn btn-primary" disabled="{{disableButtons}}">Submit</button>
          <button type="reset" class="btn btn-default" disabled="{{disableButtons}}">Reset Form</button>
        </div>
        {{/unless}}
      {{/autoForm}}

看起来有两种方式的数据绑定，它很容易根据您自己的需要进行定制。

js在这里发布有点冗长，这里的所有内容都是相关的：https://github.com/aldeed/autoform-demo/blob/master/client/views/updateaf/updateaf.js

在Meteor autoform中，如何从表行更新集合？

1 个答案: