Rendering Flickr Cats Via Backbone.js

Posted by Geertjan on Oracle Blogs See other posts from Oracle Blogs or by Geertjan
Published on Sun, 9 Dec 2012 14:59:21 +0000 Indexed on 2012/12/09 17:11 UTC
Read the original article Hit count: 145

Filed under:

/NetBeans IDE

Create a JavaScript file and refer to it inside an HTML file. Then put this into the JavaScript file:

(function($) {

var CatCollection = Backbone.Collection.extend({

url: 'http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?',

parse: function(response) {

return response.items;

}

});

var CatView = Backbone.View.extend({

el: $('body'),

initialize: function() {

_.bindAll(this, 'render');

carCollectionInstance.fetch({

success: function(response, xhr) {

catView.render();

}

});

},

render: function() {

$(this.el).append("<ul></ul>");

for (var i = 0; i < carCollectionInstance.length; i++) {

$('ul', this.el).append("<li>" + i + carCollectionInstance.models[i].get("description") + "</li>");

}

});

var carCollectionInstance = new CatCollection();

var catView = new CatView();

})(jQuery);

Apologies for any errors or misused idioms. It's my second day with Backbone.js, in fact, my second day with JavaScript. I haven't seen anywhere online so far where an example such as the above is found, though plenty that do kind of or pieces of the above, or explain in text, without an actual full example.

The next step, and the only reason for the above experiment, is to create some JPA entities and expose them via RESTful webservices created on EJB methods, for consumption into an HTML5 application via a Backbone.js script very similar to the above.

Related posts about /NetBeans IDE

Netbeans doesn't start, Java fatal error, unless sudo

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
Fresh 13.10 64b Openjdk 6 is there, I just installed Netbeans 7.01 from the repo, but it doesn't work, I open then a console elect@elect-desktop:~$ netbeans # # A fatal error has been detected by the Java Runtime Environment: # # SIGSEGV (0xb) at pc=0x00007faebdf79325, pid=5251, tid=140388628424448 # #… >>> More
Netbeans 7.2 Missing Modules Warning

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
Everytime I start Netbeans and the splash screen shows up when it gets to the part to load the modules I receive the following error message : Warning - could not install some modules: Editor Library 2 - None of the modules providing the capability org.netbeans.modules.editor.actions could be… >>> More
[netbeans] inlcude H2 database to use netbeans GUI with it

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi all, is possible include H2 database in netbeans to use it with the GUI to create table ecc ecc? Like javadb integration i means.. >>> More
Netbeans - *Easy* way to tell which Netbeans project a file belongs to

as seen on Stack Overflow - Search for 'Stack Overflow'
I was wondering if there is a way in Netbeans (v 6.8, or whatever) to have the editor tabs colored based on which project the file belongs to? Or some other easy way to distinguish which project a file belongs to. Basically my problem is that I have 3-4 netbeans projects, which all have a very… >>> More
What is superior customization and changes you do it in visual studio IDE and other IDE

as seen on Stack Overflow - Search for 'Stack Overflow'
Programmer using IDE more than else and mean to him a lot. But some time we need to customize it and change preference. What is superior customization and changes you do it in visual studio IDE and other IDE? >>> More

Developer IT