Skip to content
Ian Rothmann edited this page Aug 10, 2017 · 2 revisions

Welcome to the RocketFormsVue wiki!

There are form components and view components available.

Form components are used for add and edit operations. View components are used to display a single record on a page.

Form

Rocket forms consist of the following components:

  • rocket-form-renderer - Receives a json object as definition and renders a form from there. It could also take a record object with data for edit operations. It has events for when the form was submitted and validated and returns the data object.
  • rocket-form - Implements rocket-form-renderer for the RocketData provider in Laravel. It takes a record id and a definition route and handles all save operations with the back-end.

View

  • rocket-view-renderer - Receives a json form definition object and a json object with data. It then displays the record given the definition. It automatically handles different field types, for instance, images, files, multi-selects etc.
  • rocket-view - Implements a rocket-view-renderer for the RocketData provider in laravel. It takes a record id and a definition route. It automatically gets the data for display.

Integrated view and edit

  • rocket-view-edit - Implements a view and a form for a single record. It takes a RocketData definition route and a record id. It then displays the record view rocket-view and providers the ability to edit the record through rocket-form.

Delete

Additionally, there is a delete component available called rocket-delete, it shows a confirmation dialog and handles the delete server side. It requires a RocketData route as input and a record id.

Rocket Forms in Vue

Form handlers

View handlers

Combination handlers

Delete handlers

Technical

Clone this wiki locally