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

Question

如何在自动表单演示 http://autoform.meteor.com/updateaf 中实现 table？

它只有更新表单的代码，但没有可点击的 table。我想知道可点击的 table 是如何链接到更新表单的。谢谢。

Answer 1

table 的代码是开源的，可在此处获取：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 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有点长post，这里的一切都是相关的：https://github.com/aldeed/autoform-demo/blob/master/client/views/updateaf/updateaf.js

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

In Meteor autoform, how to update a collection from a table row?

meteor

meteor-autoform