Think formtastic meets backbone with some twitter bootstrap goodness.
At Gaslight we've built several rails apps with backbone and one of the more common complaints from new developers to this stuff is the lack of form helpery goodness that rails gives you. This is our attempt to start filling this gap. Most of the action right now happens in
Backtastic.Views.FormView. This view is designed to be as a superclass within your application and give you several bits of goodness:
- helpers to generate a form fields with twitter bootstrap compatible markup. So far textField, selectField, dateField
- default save implementation that updates the model from the form and persists
- handling validation errors from rails and displaying errors on individual fields
- composite views
To get started, add it to your Gemfile:
Then, somewhere in your manifest, require it:
#= require "backtastic"
Next, you'll create a view that is a subclass of Backtastic.Views.FormView
class EditPersonView extends Backtastic.Views.FormView template: JST["edit_person_view_tempate"]
Backtastic provides a render method that will invoke your template with the view itself as the template context. This means methods from the FormView are available for use in your templates, and this is how the form field helpers work.
%form = @textField(label: "Name", field: "Name")
The field helper method (
@textField() in this example) creates a subview of the appropriate type which renders a label and form input using twitter bootstrap friendly markup. They also listen to the model for validation errors and display appropriate styling and error messages.
Rails validation on the server side will be handled appropriately by the form element views. You can also add client side validation. So far we support presence and format, checkout the Person backbone model in the example app to see how it works. We'll be adding support for reflecting on the rails model adding client side validations to the backbone model "real soon now".
The best way to learn how to use backtastic is to spend some time checking out the example app. Clone this repo and look in the example subdirectory. To get it at running should be as simple as:
bundle install rake db:migrate bundle exec rails s
Point your browser at localhost:3000. But then you probably knew that already
The specs for backtastic are in the example as well so I can take advantage of the asset pipeline in my specs. To run them, do:
I'd like to have some metadata generated form rails and available to backbone so you could do something more formtasticy like:
@form fields["first_name", "last_name"]