Я использую очень красивый пакет Autoform в Meteor (https://github.com/aldeed/meteor-autoform). У меня активная реакция, но хочу заполнить данные формы, чтобы разрешить редактирование на основе выбора пользователем строки в таблице. Очень простой пример можно найти здесь:Заполнение полей автоматической формы MeteorJS
http://autoform.meteor.com/insertaf
Эффективно, я хотел бы, чтобы заполнить данные формы с использованием данных из строки «Человек», который пользователь щелкает для редактирования, но не уверен, как это сделать это. Любые примеры того, как это сделать, будут высоко оценены. Благодаря!
Код формы:
{{#autoForm id="afInsertDemo" type="insert" collection=Collections.People}}
<div class="form-group {{#if afFieldIsInvalid name='firstName'}}has-error{{/if}}">
<label class="control-label">{{afFieldLabelText name='firstName'}}</label>
{{> afFieldInput name='firstName'}}
{{#if afFieldIsInvalid name='firstName'}}
<span class="help-block">{{{afFieldMessage name='firstName'}}}</span>
{{/if}}
</div>
<div class="form-group {{#if afFieldIsInvalid name='lastName'}}has-error{{/if}}">
<label class="control-label">{{afFieldLabelText name='lastName'}}</label>
{{> afFieldInput name='lastName'}}
{{#if afFieldIsInvalid name='lastName'}}
<span class="help-block">{{{afFieldMessage name='lastName'}}}</span>
{{/if}}
</div>
<div class="form-group {{#if afFieldIsInvalid name='age'}}has-error{{/if}}">
<label class="control-label">{{afFieldLabelText name='age'}}</label>
{{> afFieldInput name='age'}}
{{#if afFieldIsInvalid name='age'}}
<span class="help-block">{{{afFieldMessage name='age'}}}</span>
{{/if}}
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Add Person</button>
<button type="reset" class="btn btn-default">Reset Form</button>
</div>
{{/autoForm}}
Метеор Javascript
Schemas = {};
UI.registerHelper("Schemas", Schemas);
Schemas.Person = new SimpleSchema({
firstName: {
type: String,
index: 1,
unique: true
},
lastName: {
type: String,
optional: true
},
age: {
type: Number,
optional: true
}
});
var Collections = {};
UI.registerHelper("Collections", Collections);
People = Collections.People = new Mongo.Collection("People");
People.attachSchema(Schemas.Person);
Meteor.publish(null, function() {
return People.find();
});
People.allow({
insert: function() {
return true;
},
remove: function() {
return true;
}
});
Спасибо за clarification- Я считаю, что мне нужно сделать, это добавить кнопку «Редактировать» в «People» таблицы в приведенном выше примере, что хватает _id документа и передает его на Автоформация для редактирования/обновления. Я зациклился на том, как это сделать. Не могли бы вы привести быстрый пример? – Alex
Вы можете проверить http://autoform.meteor.com на примерах, которые вы можете использовать в качестве отправной точки. Или вы можете создать пример приложения с http://www.meteorkitchen.com (это автоматический генератор приложений, который использует autoform) и проверить сгенерированные источники. –