Backbone js patterns code#

Models and Collections: define objects that contain data used by the application. The templating engine handles the rendering and updating of the HTML.

Backbone js patterns code#

Instead, they specify the template that defines the HTML code for the component or feature.

Views do not define the HTML or CSS of a feature or component. With the Elbrus release of SCA and later, all views are composite views by default and extend. These listeners enable a specific part of the application to be updated independently without having to reload the page. Most views define listeners that notify the view when an element within the model is modified. When a view is initialized, its corresponding model is usually passed, ensuring that the view has access to the data within the model. Views are commonly associated with a model or collection. Views: contain methods that define the behavior of the user interface. In feature modules, these methods initialize the views, models, and collections that handle the user interface and create frontend objects to handle data.Įach router contains a routes object that defines the mapping between URLs and methods. Routers: map URLs to client-side pages to methods that define actions and events. The Case module, for example, implements each of these: Modules that define interfaces or handle data use Backbone.js to define routers, views, and models/collections. Structure of a Backbone.js Applicationīackbone.js is based on the MVC pattern. Backbone.js is an open-source JavaScript library that provides a framework for developing web applications. To implement the MVC pattern, SuiteCommerce Advanced (SCA) uses the Backbone.js libraries. All interaction between views and models are handled by the controller. One of the core principles of the MVC pattern is to separate the presentation layer (view) of an application from the data (model) used by the application. Source files of each module follow the Model View Controller (MVC) architectural pattern.