So we have to specify all those method names wherein we’ll use this.any_method or this.any_property i.e. In above code, we have used the _.bindAll method in Underscore which fixes the loss of context for this within methods. Template: _.template($('#addContactTemplate').html()),
#BACKBONE JS PLUGINS CODE#
Initialize – The constructor to keep a piece of code to be executed while creating an instance of a view.īelow is our AB.addView backbone view which compiles the template mentioned above and load it into el.ĪddressbookMVC/js/script.js – addNewContact View Template – The _.template method in Underscore compiles JavaScript template into function which can be evaluated for rendering. In this case, we’ll simply wrap our template in tag by giving it a special type and an id:ĪddressbookMVC/index.html – addNewContact Templateīackbone View allows us to specify custom methods and properties but there are some predefined attributes you should use to simplify the flow and maintain the unity between all backbone apps.Įl – specify the DOM element selector where you want to load your template within a page. We can write our custom view by extending () method and can keep our templates either into a same page or can load it from a separate html file. We’ll write our first view addView and load it inside div.abPanel. Here is our 2-column layout, one for side links on the left and another to load forms/grid.Īdd New Contact – Backbone.View and Backbone.Model Let’s start by writing our first Backbone.js app – Addressbook in Backbone.js. We are going to use contacts mysql table for this application so contacts table is our Collection and each row exists in the table is our Model. In this case, each contact is our Model, all the contacts group together by Collection and View renders the contacts details. – Developing Backbone.js Applications by Addy Osmani. On the front-end, it’s my architectural framework of choice as it’s both mature, relatively lightweight and can be easily tested using third-party toolkits such as Jasmine or QUnit.
What is Backbone.jsīackbone.js is one of the many Javascript frameworks for creating MVC-like web applications which comes with a default template engine Underscore.js. Backbone.js lets us split our code into Model, Collection and View. The general idea is to organize an interface into logical views, backed by models, each of which can be updated independently when the model changes, without having to redraw the page. To resolve this problem, there are many MV* frameworks available for us. By participating, you are expected to uphold this code.As we know, writing a Single Page application using just jQuery is not quite a good idea especially when our application grows bigger and we need to modularize our codebase. This project adheres to a code of conduct. Special thanks to Robert Kieffer for the original philosophy behind Backbone. (_.-._)īackbone supplies structure to JavaScript-heavy applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful JSON interface.įor Docs, License, Tests, pre-packed downloads, and everything else, really, see:įor questions on working with Backbone or general discussions:īackbone is an open-sourced component of DocumentCloud:
0 kommentar(er)
