获取我的主干视图以加载测试数据?

时间:2014-04-04 10:42:17

标签: javascript jquery backbone.js

这是一个新问题,但是从最后一个问题Dynamically load my 'IDs' into my Backbone Collection?

开始

我现在让所有模型从我的数据库中获取数据。现在我希望能够将这些数据加载到视图中。但由于某些原因,我根本无法获得任何视图,这是我当前的视图代码,

 var MyView= Backbone.View.extend({
   el: '.page',
   render: function() {
      this.$el.html('CONTENT HERE FROM BACKBONE');
      return this;
   }
 }); 

 var testView = new MyView({});

 $(document).ready(function(){ 
          $('.page').append(testView); 
 })

现在'.page'是一个div标签,在我的页面上设置了该类。但是不会在上面输出我的测试文本,所以我做错了什么?

主要目的是让这个视图从模型加载数据,这一切都很好,但是现在我甚至无法让这个简单的测试工作?

我是否忘记了使用骨干启动视图功能?

欢迎大家帮助。

格伦。

2 个答案:

答案 0 :(得分:1)

testView是MyView的一个实例。你不应该用testView调用append。您需要在testView实例上调用render方法。由于MyView el元素是.page,因此内容将附加到.page。

使用此:

$(document).ready(function(){ 
    testView.render(); 
})

答案 1 :(得分:1)

你可以在文件准备就绪中初始化View,View在初始化状态下自动调用他的渲染函数,但在你的情况下,由于文件剂量没有完全加载到初始化状态,它无法渲染

var testView;

$(document).ready(function(){ 
     testView = new MyView 
});