Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Kinda like formtastic meets backbone with some twitter bootstrap action for good measure

branch: master

This branch is 0 commits ahead and 0 commits behind master

Fetching latest commit…

Cannot retrieve the latest commit at this time

README.md

Backtastic

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

Usage

To get started, add it to your Gemfile:

gem "backtastic"

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.

Validation

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".

Example App

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

Running specs

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:

rake jasminerice:run

Future plans

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"]

Shameless self-promotion

If in-person training in all this is something that could help you or someone you know, we've got you covered. Should you need help building a backbone rails app, we can do that too.

Something went wrong with that request. Please try again.