Как реализовать таблицу в демо-версии автоформы http://autoform.meteor.com/updateaf?
В нем есть только код для формы обновления, но не интерактивная таблица. Я хотел бы знать, как кликабельная таблица связана с формой обновления. Спасибо.
Как реализовать таблицу в демо-версии автоформы http://autoform.meteor.com/updateaf?
В нем есть только код для формы обновления, но не интерактивная таблица. Я хотел бы знать, как кликабельная таблица связана с формой обновления. Спасибо.
Код для таблицы является открытым исходным кодом и доступен здесь: 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