Skip to content

Commit

Permalink
Update CHANGELOG and README for v0.9.0.
Browse files Browse the repository at this point in the history
  • Loading branch information
benpickles committed Sep 16, 2010
1 parent 94a90e8 commit fc2aed5
Show file tree
Hide file tree
Showing 3 changed files with 26 additions and 185 deletions.
10 changes: 10 additions & 0 deletions CHANGELOG.markdown
Original file line number Diff line number Diff line change
@@ -1,5 +1,15 @@
# Changelog

## 0.9.0

* Finder methods now return `undefined` for a missing model.
* Remove #update method which you might guess acts like ActiveRecord's #update_attributes which is not the case - no calls are triggered on the persistence adapter.
* Model.RestPersistence renamed to Model.REST - Model.RestPersistence can still be used but will be removed in version 1.0.
* REST adapter now sends JSON instead of "application/x-www-form-urlencoded" (and so now requires the browser to be JSON-aware).
* Add `reverse` class method.
* Add Model.VERSION to allow inspection of js-model version.
* Add Model.localStorage persistence adapter.
* Stop jQuery's JSON parsing throwing an error when encountering Rails' none-empty " " JSON responses.
* Remove Underscore dependency.
* `Model.remove` method now takes a model instance rather than an id.
* Rename `sort` to `sortBy` and add the ability to specify an attribute name as well as a custom function. Add `sort` method that acts on a collection just like `Array#sort`.
Expand Down
199 changes: 15 additions & 184 deletions README.markdown
Original file line number Diff line number Diff line change
@@ -1,196 +1,27 @@
# README
# js-model

Dependencies:
Built on top of [jQuery](http://jquery.com/), js-model is a library that enables you to work with models in your JavaScript.

* [jQuery](http://jquery.com/) (1.4.x)
* [Underscore](http://documentcloud.github.com/underscore/) (for now)
## In brief

## Getting started
Declare a model class:

The first thing to do is to create a model class using the factory 'Model()':
var Todo = Model("todo")

var Post = Model('post')
Now create and manipulate model instances:

This allows you to create instances of 'post' models, and also contains an internal collection of all 'posts' which can be used for querying.
var todo = new Todo({ text: "do it" })
todo.attr("when", "now")
todo.save()

## Manipulating objects (without persistence yet)
## Documentation / download / more

The next thing you need to do is create and manipulate instances of your new JS model. These actions should be fairly familiar to people who have used ActiveRecord.
For notes on [getting started](http://benpickles.github.com/js-model/#getting-started), [persisting via REST or localStorage](http://benpickles.github.com/js-model/#persistence), [using with Sammy](http://benpickles.github.com/js-model/#sammy), [API documentation](http://benpickles.github.com/js-model/#api) and download links visit the [js-model docs site](http://benpickles.github.com/js-model/).

### create
## Suggestions / questions / issues / comments

var post = new Post({foo: 'bar'})
Feel free to use [Github issues](http://github.com/benpickles/js-model/issues) for any of the above.

### update
## Copyright

post.update({foo: 'bar' })

### destroy

post.destroy()

Attributes are read with the attr method, which works in a similar way to JQuery on the DOM:

post.attr('foo'); // getter
post.attr('foo', 'bar'); // setter

The id of an object is set after persistence, and is accessible via the id() method.

### Maintaining the state of collections

Instances need to be fed back into the model's collection, so that the results are available to "finders". The 2 main methods which handle this are:

* Post.add(post)
* Post.remove(post.id())

These are called automatically after successful persistence, but can also be called manually.

## Finding objects

Since state is held in the browser, objects need to be queried from our collection in order to be manipulated and used in the UI. This is where js-model is different to several other solutions. It is not a REST-based proxy for the objects on your server, and doesn't rely on constant HTTP requests to gather information. Instead it look up objects in its own cache.

Different finders are available

Post.all()

and

Post.find(id)

These are useful for iterating over the collection and finding specific objects, respectively. It is also possible to add custom finders to the collection's prototype (see below).

## Linking data objects to UI elements

js-model allows you to listen to the lifecycle of objects, based on the events they trigger at different points.

### Collection events

It is possible to bind to an event occurring when adding an object to a collection. Eg:

Post.bind("add", function(new_object) {
add_object_into_ui(new_object)
})

and

Post.bind("remove", function(removed_object) {
remove_object_from_ui(removed_object)
})

### Instance events:

Parts of your application can be bound to changes which happen to a __specific__ instance:

my_object.bind('update', function(){ my_ui_elem.text(my_object.attr('name')) })

Including when the instance is destroyed:

my_object.bind('remove', function(){ my_ui_elem.remove() })

## Persistence

State can be persisted in a number of ways, including local storage. However, one of the most common uses is via REST to the originating server. js-model comes bundled with an optional REST persistence adaptor.

### REST/Ajax persistence

Setting up persistence for a given model is handled when the class is created:

var Post = Model('post', {
persistence: Model.RestPersistence("/posts")
}

Calling __save__ or __destroy__ on an object now fires a corresponding REST Request:

var post = new Post({foo: 'bar'})
post.save() // POST /posts
post.attr("foo", "baz").save() // PUT /posts/1
post.destroy() // DELETE /posts/1

A custom callback can be fed into the save method to execute on success or failure:

post.save(function(success) {
if (success) {
alert('yey')
} else {
alert('boo')
}
})

The default triggered events (mentioned earlier) are generally only called once persistence is successful.

You can also include named parameters in the URL that will pick up the corresponding values from the model instance:

var Post = Model("post", {
persistence: Model.RestPersistence("/categories/:category_id/posts")
}
var post = new Post({ title: "Foo", category_id: 2 })

// POST request made to /categories/2/posts
post.save()

## Validations

It is possible to have local validations to avoid hitting your server unnecessarily.

To add your own validations you should define a custom `validate` method that adds error messages to the `errors` object. `valid()` is called on save and checks that `errors` is empty.

var Post = Model('post', {}, {
validate: function() {
if (this.attr("title") != "Bar") {
this.errors.add("title", "should be Bar")
}
}
})

var post = new Post()
post.attr("title", "Foo")

post.valid() // => false
post.errors.size() // => 1
post.errors.on("title") // => ["should be Bar"]
post.errors.all() // => { title: ["should be Bar"] }

post.attr("title", "Bar")

post.valid() // => true
post.errors.size() // => 0
post.errors.on("title") // => []
post.errors.all() // => {}

## Adding custom methods

Since models are objects, there can be a need to give them custom public methods. There are two parts to a model which can be extended, and these are akin to instance and class methods on an ORM such as ActiveRecord.

### Class methods

These are defined by passing an object as the second argument when defining a model:

var Post = Model("post", {
find_by_foo: function(foo) {
return this.detect(function() {
return this.attr("foo") == foo;
});
}
}

Post.find_by_foo("bar")

### Instance methods

Instance methods are the third argument when defining a model and are often used to link objects together in a way which mimics the relationships the data might have in the remote database ('has many' etc). However, they can be pretty much anything. These are defined on the model at class creation time, they are added to the model's `prototype` overwriting the defaults if necessary.

var Post = Model("post", {}, {
foo: function() {
...
}
})

Post.find(3).foo()

## Triggering custom events

You might also want to have custom events on objects, which are also possible:

post.trigger('turn_blue')

Which could be linked up to a UI element.
Copyright 2010 [Ben Pickles](http://benpickles.com/). See [LICENSE](http://github.com/benpickles/js-model/blob/master/LICENSE) for details.
2 changes: 1 addition & 1 deletion VERSION
Original file line number Diff line number Diff line change
@@ -1 +1 @@
0.8.4
0.9.0

0 comments on commit fc2aed5

Please sign in to comment.