- BackboneJS Tutorial
- BackboneJS - Home
- BackboneJS - Overview
- BackboneJS - Environment Setup
- BackboneJS - Applications
- BackboneJS - Events
- BackboneJS - Model
- BackboneJS - Collection
- BackboneJS - Router
- BackboneJS - History
- BackboneJS - Sync
- BackboneJS - View
- BackboneJS - Utility
- BackboneJS Useful Resources
- BackboneJS - Quick Guide
- BackboneJS - Resources
- BackboneJS - Discussion
BackboneJS - View El
Description
It defines which element to be used as the view reference. The this.el is created from the view's tagName, className, id and attributes properties, if specified. If not, el is an empty div.
Syntax
view.el
Example
<!DOCTYPE html> <html> <head> <title>View Example</title> <script src = "https://code.jquery.com/jquery-2.1.3.min.js" type = "text/javascript"></script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type = "text/javascript"></script> <script src = "https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type = "text/javascript"></script> </head> <script type = "text/javascript"> //'ViewDemo' is a name of the view class ViewDemo = Backbone.View.extend ({ //This function gets called when the view is instantiated initialize: function(){ document.write("Hello !!!! This is el property..."); } }); //'viewdemo' is a instance of the 'ViewDemo' class var viewdemo = new ViewDemo({ el: $("myapp") }); </script> <body> <div id = "myapp"></div> </body> </html>
Output
Let us carry out the following steps to see how the above code works −
Save the above code in the el.htm file.
Open this HTML file in a browser.
backbonejs_view.htm
Advertisements