Let’s first take a look at leveraging the events hash inside the view instances. We’ll also delegate events using the events hash directly inside the view.We’ll use the catalog of built in events in tandem with the listenTo method, which tells an object to listen to a particular event on another object.There are many ways to handle events in a Backbone application, but we’ll be leveraging two ways: Using Backbone EventsĪccording to the Backbone events documentation:Įvents is a module that can be mixed in to any object, giving the object the ability to bind and trigger custom named events. With all that in mind, we now need to think about how we’re going to register these events in the first place. The view picks up on that event, and acts accordingly, possibly re-rendering itself.In a real world scenario, you’ll probably also be updating a database here.

Inside the model, the logic gets performed.

When an event is fired via user input, we can run some kind of callback or function which communicates with the model.

A view renders model data, and registers events.

Changes in models can also trigger events that the view can handle, ultimately re-rendering the view and displaying the correct data. When that button is clicked, we communicate with the respective model, and make the necessary updates to it. We can register that event in the view, which is essentially controller logic. We’ll go through how to do this step by step, but for now, just imagine that we have a button in our view that allowed us to remove one item from stock. If we wanted to add or remove stock, or delete a model completely, we’re able to do so. In Backbone.js, we’re able to bind events to a view during its instantiation. The “somehow” part is where the controller logic comes in.

Handling user input via events, and somehow communicating those events to the model.

Rendering the UI, and displaying the data retrieved from the database and/or collections to the end user.In an MV* framework, views are typically responsible for the following: I touched on controller-type logic and where it belongs in the last article, but let’s just drive the point home before we continue. In this tutorial, we’re going to see the importance of that last step, and introduce some controller-type logic into the picture.

Backbone js tutorial 2015