BackboneJs: Bir görünümde el ile tagName arasındaki fark nedir:

Question

Kafamı bu konsept etrafında sarmaya çalışıyorum.

Bunu benim için aptal yerine getirebilir ve belki de el: özniteliği ve tagName: özniteliği arasındaki farkın basit bir örneğini verebilir misiniz?

Bazı örneklerde, farklı görünümler el: bazen kullanılır ve diğerleri tagName: kullanır. Özellikle bu example

Answer 1

farkı kendi uygulanması ile karıştırmasını ediyorum

şudur:

el bir bütün olarak görünümü temsil eden fiili DOM düğümü bir başvuru korumak için kullanılmalıdır.

Bu, jQuery veya w/e ile kolayca işlem gerçekleştirebileceğiniz anlamına gelir. $ (this.el) .hide() veya $ (this.el) .html ('Artık bir JQ Nesnesi'yim');

TagName yalnızca DOM düğümünün türünü belirlemek için kullanılan bir dizedir. Varsayılan, div'tir, ancak isterseniz, istediğiniz herhangi bir HTML öğesini yapabilirsiniz.

düşünün:

var myView = new view({ el: $("someExistingEl") }); 

Answer 2

var View = Backbone.View.extend({ 
    tagName: 'span', 
    id: 'identity', 
    class: 'classy', 
    el: $(this.tagName), // or 
    el: $('<' + this.tagName + ' />', { 
    id: this.id,  // identity 
    'class': this.class // classy 
    }) // this is jQuery shorthand for building an element fyi 
}); 

var view = new View(); 

:

var view = Backbone.View.extend({ 
    tagName: 'p', 
    initialize: function() { 
     _.bindAll(this, 'render'); 
    }, 
    render: function() { 
     $(this.el).html('I am a jQuery-ized paragraph'); 
     return this; 
    } 
}); 


$(document.body).append(new view().render().el); 

içine çalışıyor olabilir sorun bazen tagName alakasız bu durumda bir görünüm nesnelleştirilmesi, üzerinde el set olmasıdır

Bunun iyi çalışması gerektiğini düşünüyorum.