How to add dynamic fields

[Isomorpheus]

How can you add dynamic fields or groups with this component? Something like this I mean: http://formvalidation.io/examples/adding-dynamic-field/

[lionel-bijaoui]

You would have to edit schema.fields. There is no easy way to do it.
You could use field buttons with a method on onclick to trigger the change.
This method should be the one editing the schema you send to VFG (via the schema props).
You may also want to edit the model, depending on your need.

It may be interesting to add a way to do that easily with VFG.
@icebob , what do you think ?

If you are able to implement this in your project, could you do a PR to add this to the plugin ?
Thank you !

[icebob]

It can be a good feature, PR is welcomed :)

[theKhorshed]

This would be really a nice addition!

[lukeramsden]

Yeah had to ditch VFG because of this, was using it to create order forms but couldn't create dynamic rows.

[DelfsEngineering]

I do this just fine. Edit source schema and new fields appear. Also great for sub components line invoice line items.

[lukeramsden]

But how do you know where to insert the new row? I have plenty of fields before and after the dynamic row set, and potentially multiple dynamic sections. I'm just going to make the form manually and use v-for

[DelfsEngineering]

Well your code that the button runs need context. if you want to add a line item row then the add new row button just has to push onto the array. I have created custom components for various array like rows. By pushing a new element in the data model, a new row appears, delete a row works the same way. let me make a gif ..

[lukeramsden]

I'll try doing some custom components then, but it's still not a clean way of doing it.

[DelfsEngineering]

This uses Vue-form-wizard, and VFG, and another VFG inside the first !

[lukeramsden]

That looks great, maybe you could make a JSFiddle and add it to the docs? Dynamic rows seem like a fairly common use-case.

…

On Thu, Oct 12, 2017 at 5:06 PM, DelfsEngineering ***@***.***> wrote: This uses Vue-form-wizard, and VFG, and another VFG inside the first ! [image: ezgif-5-f53c867eb3] <https://user-images.githubusercontent.com/11218557/31506564-be37598c-af45-11e7-9bc4-a2173b9c5084.gif> — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#226 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ANJqF7NUSEaePK_ciedESBroCSB0Vpg5ks5srjkAgaJpZM4N2WY7> .