如何更新流星中的自动形成字段

Question

I am new in Meteor autoform, I used aldeed:autoform to create form in tabular format and I'm able to insert the data, but I am not getting how can I update my table row field on click. Please help me how can I update table row field with autoform

Here my template code:-

 Organisation = new Mongo.Collection("organisation"); var Schemas = {}; Schemas.Organisation = new SimpleSchema({ company: { type: String, label: "Company", max: 200, unique: true, autoValue: function () { if (this.isSet && typeof this.value === "string") { return this.value.toLowerCase(); } } }, best_telephone: { type: String, label: "Best Telephone", optional: true }, website: { type: String, label: "Website", optional: true }, email: { type: String, label: "Email", optional: true }, type_of_organisation: { type: String, label: "Type of Organisation ", optional: true, allowedValues: ['Our Company', 'Prospect', 'Customer', 'Supplier'] }, status_of_organisation: { type: String, label: "Status of Organisation", optional: true, allowedValues: ['Inactive', 'Active', 'Deleted'] }, author:{ type: String, label: "Author", autoValue: function(){ return this.userId }, autoform: { type:"hidden" } }, createdAt: { type: Date, label: "Created At", autoValue: function(){ return new Date() }, autoform: { type: "hidden" } }, }); Organisation.attachSchema(Schemas.Organisation); Template.organisation.helpers({ // Organisationss.isValid() items: function () { return Organisation.find({}, {sort: {name: 1}}).fetch(); }, }); 

 <Template name="organisation"> <div class="container"> <table class="table table-bordered table-condensed"> <thead> <tr> <div class="form-inline"> {{> quickForm collection="Organisation" id="makeUniqueID" type="insert" doc=this autosave=false}} </div> </tr> </thead> </table> <table class="table table-bordered table-condensed"> <thead> <tr> <td style="width: 100px">Company</td> <td style="width: 100px">Best Telephone</td> <td style="width: 100px">Website</td> <td style="width: 100px">Email</td> <td style="width: 100px">Type of Organisation</td> <td style="width: 100px">Status of Organisation</td> </tr> </thead> <tbody> {{#each items}} <tr> <td class="open-modal company-name" value="Show modal">{{this.company}}</td> <td>{{this.best_telephone}}</td> <td>{{this.website}}</td> <td>{{this.email}}</td> <td>{{this.type_of_organisation}}</td> <td>{{this.status_of_organisation}}</td> </tr> {{/each}} </tbody> </table> </div> </Template> 

Answer 1

As far as I understood your question, you want to have a single template which allows you to update several documents in your Organisation collection. If this is the case, you could implement multiple update forms by placing your AutoForm within an each block.

For example:

<template name="organisation">
    <div class="container">
        <table class="table table-bordered table-condensed">
            <thead>
            <tr>
                <div class="form-inline">
                    {{> quickForm collection="Organisation" id="makeUniqueID" type="insert" doc=this autosave=false}}
                </div>
            </tr>
            </thead>
        </table>
        <table class="table table-bordered table-condensed">
            <thead>
            <tr>
                <td style="width: 100px">Company</td>
                <td style="width: 100px">Best Telephone</td>
                <td style="width: 100px">Website</td>
                <td style="width: 100px">Email</td>
                <td style="width: 100px">Type of Organisation</td>
                <td style="width: 100px">Status of Organisation</td>
                <td style="width: 100px">Action</td>
            </tr>
            </thead>
            <tbody>
            {{#each items}}
                {{#autoForm collection="Organisation" id=updateFormName type="update" doc=this}}
                    <tr>
                        <td>{{> afFieldInput name='company'}}</td>
                        <td>{{> afFieldInput name='best_telephone'}}</td>
                        <td>{{> afFieldInput name='website'}}</td>
                        <td>{{> afFieldInput name='email'}}</td>
                        <td>{{> afFieldInput name='type_of_organisation' options=typesOfOrg}}</td>
                        <td>{{> afFieldInput name='status_of_organisation' options=statusOfOrg}}</td>
                        <td>
                            <button type="submit">Update</button>
                        </td>
                    </tr>
                {{/autoForm}}
            {{/each}}
            </tbody>
        </table>
    </div>
</template>

---

if (Meteor.isClient) {
    Template.organisation.helpers({
        items: function () {
            return Organisation.find({}, {sort: {name: 1}}).fetch();
        },
        typesOfOrg: function () {
            return ['Our Company', 'Prospect', 'Customer', 'Supplier'].map((el) => ({label: el, value: el}));
        },
        statusOfOrg: function () {
            return ['Inactive', 'Active', 'Deleted'].map((el) => ({label: el, value: el}));
        },
        updateFormName: function () {
            return "updateOrgForm-" + this._id;
        }
    });
}