3

我有这个代码 -

class TableManager 
  tables : {}
  tableViews :{}
  nextId : 0
  rootEl : 'body'
  addTable:(json,el)->
    newTableModel = new TableModel(json,@nextId)
    newTableModel
    @tables[@nextId] = newTableModel
    el = "#table1"
    newView = new TableView({model : newTableModel, columns : json["Columns"], el : el, id : @nextId})
    @tableViews[@nextId] = newView
    newTableModel.renderModel()
    @nextId++

class TableView extends Backbone.View
  tableId : ''
  columns : ''
  thead : ''
  tbody : ''
  input : ''
  rows : ''
  inputId : ''
  typingTimer : ''
  doneTypingInterval : 2000
  el : '#table1'
  initialize:()->
    @model.bind "render", @render 
    @tableId = "resultsTable#{@options.id}"
    @inputId = "filterInput#{@options.id}"
    @columns = @options.columns

  render:()=>
    console.log "EL"
    console.log $(@el)
    console.log @el

console.log @el 始终未定义。我不知道为什么，我认为 this.el 设置正确？是不是因为事件触发而调用了渲染？

4

1 回答 1

5

id="table1"实例化TableView. 例如，如果您在 DOM 中没有任何内容的情况下执行此操作：

class V extends Backbone.View
    el: '#no-such-element'
    render: => console.log @el

v = new V
v.render()

你会undefined在控制台中得到一个。

演示：http: //jsfiddle.net/ambiguous/ne39B/

如果您希望 Backbone 创建一个id="table1"元素，那么您需要使用不同的属性来告诉 Backbone 这样做；该View#el文件指出：

this.el是从视图的tagName、和属性创建的className，idattributes

所以你有一些选择：

  1. 确保#table1在创建视图时位于 DOM 中。
  2. 实例化时将其传递el给视图：v = new TableView(el: some_dom_object).
  3. 使用tagName、className、id和attributesview 属性让 Backbone 为您构造适当的 DOM 元素。

此外，Backbone 不会el为您将视图添加到 DOM，即使 Backbone 构建视图，el您也必须自己将其添加到 DOM。

于 2013-07-05T01:06:04.330 回答