Skip to content

Instantly share code, notes, and snippets.

@kimjoar
Created July 13, 2012 20:19
Show Gist options
  • Select an option

  • Save kimjoar/3107181 to your computer and use it in GitHub Desktop.

Select an option

Save kimjoar/3107181 to your computer and use it in GitHub Desktop.
Step 9 -> 10
var events = _.clone(Backbone.Events);
var Statuses = function() {
};
-Statuses.prototype.add = function(options) {
+Statuses.prototype.add = function(text) {
$.ajax({
url: '/status',
type: 'POST',
dataType: 'json',
- data: { text: options.text },
- success: options.success
+ data: { text: text },
+ success: function(data) {
+ events.trigger('status:add', data.text);
+ }
});
};
var NewStatusView = function(options) {
this.statuses = options.statuses;
events.on('status:add', this.appendStatus, this);
events.on('status:add', this.clearInput, this);
var add = $.proxy(this.addStatus, this);
$('#new-status form').submit(add);
};
NewStatusView.prototype.addStatus = function(e) {
e.preventDefault();
- this.statuses.add({
- text: $('#new-status textarea').val(),
- success: function(data) {
- events.trigger('status:add', data.text);
- }
- });
+ this.statuses.add($('#new-status textarea').val());
};
NewStatusView.prototype.appendStatus = function(text) {
$('#statuses ul').append('<li>' + text + '</li>');
};
NewStatusView.prototype.clearInput = function() {
$('#new-status textarea').val('');
};
$(document).ready(function() {
var statuses = new Statuses();
new NewStatusView({ statuses: statuses });
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment