В автоформе Meteor, как обновить коллекцию из строки таблицы?

Как реализовать таблицу в демо-версии автоформы http://autoform.meteor.com/updateaf?

В нем есть только код для формы обновления, но не интерактивная таблица. Я хотел бы знать, как кликабельная таблица связана с формой обновления. Спасибо.


person Skyline    schedule 02.06.2015    source источник


Ответы (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 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

person Tarang    schedule 02.06.2015
comment
Спасибо за ответы. Ценить это. - person Skyline; 03.06.2015
comment
все сводится к концепции контекста данных, и это отличный блог, объясняющий это: discovermeteor.com/blog/ - person Skyline; 03.06.2015