javascript - Backbone this.el vs this.$el -


for given example, difference between this.el & this.$el

i understand this.$el points jquery object of this.el , in case 'li'.

when render view, can choose between this.el, or this.$el. how able render page when reference jquery object? can see how using this.$el.html(property), points html, why appending this.$el , having render confuses me.

var person = backbone.model.extend({     defaults: {         name: 'john doe',         age: 30,         occupation: 'worker'     } });  var personview = backbone.view.extend({     tagname: 'li',      initialize: function() {         this.render();     },      render: function() {         var out = this.$el.html(this.model.get('name') + this.model.get('occupation'));         console.log(this, this.el, this.$el, out);         $('body').append(this.$el);     },  });  var person = new person; var personview = new personview({model: person});

bojangles correct.

this.$el reference element in context of jquery, typically use things .html() or .addclass(), etc. example, if had div id somediv, , set el property of backbone view, following statements identical:

this.$el.html() $("#somediv").html() $(this.el).html()

this.el native dom element, untouched jquery.


Comments

Post a Comment

Popular posts from this blog

google app engine - 403 Forbidden POST - Flask WTForms -

i have flask application running on google app engine. trying submit form built using wtform , keep getting following error. 403 forbidden: don't have permission access requested resource. either read-protected or not readable server. location.html (part of code) <form method=post action="/home/location"> .... <button type="submit" class="btn btn-primary" value="submit"> directions </button> </form> main.py @app.route('/home/location', methods=['post', 'get']) def location(): form = cfcdirections.direction(request.form) print(request.method) if request.method == 'post' , form.validate(): print("after if") directions = cfcdirections() street_no = directions.no street = directions.street suburb = directions.suburb postcode = directions.postcode ...
Read more

Android layout hidden on keyboard show -

i have strange problem layout. when tap on edittext , keyboard shown edittext stay on bottom , when tap on to hide keyboard , keyboard hides , edittext go should when want input text. when tap again, keyboard shown , edittext goes down behind keyboard... <relativelayout android:layout_width="match_parent" android:layout_height="match_parent" > <scrollview android:layout_width="match_parent" android:layout_height="fill_parent" android:above="@+id/rl_commands"> <textview android:layout_width="match_parent" android:layout_height="wrap_content"/> </scrollview> <relativelayout android:layout_width="match_parent android:layout_height="24dp" android:id="@+id/rl_commands" android:alignparentbottom="true"> ...
Read more

how to run a query SQL in node.js mysql -

i have syntax problem in module, fail sql query. i initialize module database in file.js, responds console.log 'connected database', sends data module in database.newdata(data), when enters in runquery nothing happens, no errors or result, nothing! i in runquery if query ok , if this, think happens there error in logic of node, idea connect database , use runquery run query pass. file.js var db = require('./modules/database'); var database = new db(); database.newdata(data); database.js var mysql = require('mysql'), queries = require('./queries'), connection; var db = function(){ var db_config = { host: 'localhost', user: 'diegoug', password: 'qwertyuiop', database: 'test' }; connection = mysql.createconnection(db_config); connection.connect(function(err) { if(err) { console.log('error when connecting database:', err); ...
Read more