Backbone.js绑定动态EL生成

Question

我在创建视图并动态创建“ el”元素并将其传递给正在创建的视图时遇到了一个小问题。

var divIdentification = ".data-identification-"+this.model.dataTypeId+"-"+this.model.dataGrouping.get("data1Id")+"-"+this.model.dataGrouping.get("data2Id");

以下工作

var roomOccupancyView = new Bookings.RoomOccupancyView({
                    model: datas,
                    el: "div"
                });

但是以下内容没有

var divIdentification = ".data-identification-"+this.model.dataTypeId+"-"+this.model.dataGrouping.get("data1Id")+"-"+this.model.dataGrouping.get("data2Id");

    var roomOccupancyView = new Bookings.RoomOccupancyView({
                        model: datas,
                        el: divIdentification 
                    });

当我尝试在第一个方案中将el作为字符串传递的第一种情况在子视图中放置el的console.log时，得到以下对象

<div class="header-container">

但是，当我传递变量时，会得到“未定义”。

另外，我还尝试将变量输出包装为$（string），但是由于console.log仍然提供了不同的输出，因此也没有用。

没有人有任何想法将动态值传递给el属性值。 任何帮助是极大的赞赏。

此致MilindaD

Answer 1

正如评论所指出的那样，通过初始化函数传递的el属性只能是String或jQuery对象。 否则，Backbone将根据其tagName ， className和id属性创建一个el。

因此，在您的第一个场景中，您传递了el: "div" ，然后Backbone将视图的el绑定到DOM中的第一个div元素。

在第二种情况下，您通过了el: divIdentification和Backbone会将视图的el设置为$（divIdentification），这在您的DOM中未定义。

为了让您动态设置el 。 3种方法

1. 在初始化程序中为el值分配一个有效的html字符串，选择器字符串或一个有效的jQuery DOM对象。

2. 在初始化程序中将className或id属性分配给divIdentification，以允许Backbone视图创建自己的el

3. 另一种方法是在这里使用setElement

Answer 2

您的问题是您在创建divIdentification关键字this时未指向您的视图，请尝试以下操作：

var roomOccupancyView = new Bookings.RoomOccupancyView({
                    model: datas,
                    el: function() {
                    return ".data-identification-" + 
                        this.model.dataTypeId + 
                        "-" + this.model.dataGrouping.get("data1Id") +
                        "-"+this.model.dataGrouping.get("data2Id");
                    } 
                });