Ember Scroller

by krisselden

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script src="http://zynga.github.com/scroller/src/Raf.js"></script>
<script src="http://zynga.github.com/scroller/src/Animate.js"></script>
<script src="http://zynga.github.com/scroller/src/Scroller.js"></script>
<script type="text/x-handlebars">
    <ul>{{#each App.controller.users}}<li>{{screen_name}}: {{name}}</li>{{/each}}</ul>
</script>

JavaScript

App = Ember.Application.create();

App.View = Ember.View.extend({
    classNames: ['container'],
    render: function(buffer) {},
    update: function(content) {

    }
});

App.Controller = Ember.Object.extend();
App.controller = App.Controller.create();

$.getJSON('https://api.twitter.com/1/followers/ids.json?screen_name=lukemelia&callback=?', function(data) {
    Ember.run(function() {
        App.controller.set('ids', data.ids);
    });
    $.getJSON('https://api.twitter.com/1/users/lookup.json?user_id=' + data.ids.slice(0,100).join(',') + '&callback=?', function(data) {
        Ember.run(function() {
            App.controller.set('users', data);
        });
    });
});