Backbone Relational Template

Underscore, Backbone, Backbone-relational for http://stackoverflow.com/questions/10698737/addmodels-not-triggered-backbone-relational

by edwardmsmith

HTML

<script src="https://raw.github.com/documentcloud/underscore/master/underscore-min.js"></script>
<script src="https://raw.github.com/documentcloud/backbone/master/backbone-min.js"></script>
<script type="text/template" id="leTweets">

    <div data-role="header" data-position="fixed">
        <h1>TWEETS</h1>
    </div>

    <div data-role="content">
        <h3>Tweets</h3>
        <ul class="tweets">
        <% _.each(tweets, function (tweet) { %>

          <li><%= tweet.get('text') %></li> 

        <% }); %>
        </ul>
    </div>

</script>

CoffeeScript

class HomeView extends Backbone.View
    constructor: ->
        super

    initialize: ->
        @Tweets= new TweetsCollection

    render: ->
        @loadResults()

    loadResults: ->
        @Tweets.fetch({
            success: (tweets) =>
                $(@.el).html(_.template($('#leTweets').html(), {tweets: tweets.models, _:_} ))
                console.log(@)
            error: ->
                alert('Error!')
        })
            
class TweetsCollection extends Backbone.Collection

    constructor: ->
        super

    url: ->
        'http://search.twitter.com/search.json?q=' + @query + '&page=' + @page + '&callback=?'

    parse: (resp, xhr) ->
        resp.results

    page: 1,
    query: "Backbone"
    
myView = new HomeView()
$('body').append(myView.el)
myView.render()