Reactive multi page form about meteor-wizard HOT 7 CLOSED

I haven't build any dynamic forms with the package yet, but I think it can be done by reading the data from the previous step (with wizard.mergedData() for example) and build your schema based on the values.

from meteor-wizard.

I guess my issue is how can I save each step? Should I use onSubmit or something else? Apologies I am unfamiliar with autoform and simple schema.

from meteor-wizard.

The same questions was asked here #18, I'll setup an example tomorrow.

from meteor-wizard.

Examples would be extremely helpful. Thank you!

from meteor-wizard.

If you want to save each step, you can use onSubmit on every step, save the data in a collection, and call wizard.next(). Something like this:

  {
      // step configuration here
      onSubmit: function(data, wizard) {
        // save your data and call wizard.next(data) on succesfully saving the data.
        wizard.next(data);
      }
    }

Then to show fields based on input from the previous step you could do something like this.

Template.dynamicStep2.helpers({
  camperFields: function() {
    var data = this.wizard.mergedData(); // this gets all data from previous steps, you can also retrieve the data from a collection, if you're saving it manually.
    var amount = data && data.campers;
    var fields = [];
    for (var i = 0; i < amount; i++ ) {
      fields.push({
        index: i,
        name: 'campers.' + i + '.name'
      });
    }
    return fields;
  }
});

And in your form template do:

    {{#each camperFields}}
      <div class="ui vertical segment">
        <h3 class="ui header">Camper {{index}}</h3>
        {{> afQuickField name=name}}
      </div>
    {{/each}}

from meteor-wizard.

Thank you. I was on the right track, however I am still running into the problem that onSubmit is not working because it requires the next form's input. Error: Number of Campers is required a question on the following step.

from meteor-wizard.

It's hard to say what's going on without seeing some code.

from meteor-wizard.