javascript - Backbone View 未显示且未显示任何错误

标签 javascript backbone.js

我有一个奇怪的问题,我的主干 View 没有显示,但我没有收到任何错误。我遵循了之前的程序,该程序完美地发挥了作用,但注释似乎适用于此 View 。

我很困惑为什么它不起作用,希望你们中的一个人能看到发生了什么。

如果我浏览代码,模型将被正确获取并且其中有数据。

ma​​in.js

  this.absences = new AbsenceCollection({idC:id},{option: 0});
            this.absences.fetch({success: function(){

                $('#contents').html( new AbsenceListView ({model: app.absences}).render.el,id);

            }});

AbsenceList.js

window.AbsenceListView = Backbone.View.extend({


    tagName:'table',


    initialize:function () {

        this.model.bind("reset", this.render, this);
        var self = this;

        this.model.bind("add", function (absence) {
            $(self.el).append(new AbsenceListItemView({model:absence}).render().el);
        });
    },

    render:function (eventName) {

        _.each(this.model.models, function (absence) {
            $(this.el).append(new AbsenceListItemView({model:absence}).render().el);
        }, this);
        return this;
    }
});

window.AbsenceListItemView = Backbone.View.extend({

    tagName:"tr",

    initialize:function () {
        this.template = _.template(tpl.get('absence-table'));
        this.model.bind("change", this.render, this);
        this.model.bind("destroy", this.close, this);
    },


    render:function (eventName) {
        $(this.el).html(this.template(this.model.toJSON()));
        return this;
    }

});

缺勤模型

window.Absence = Backbone.Model.extend({

        //SIMS/resource/class datatables http//localhost:8080

   baseURL: "http://localhost:8080/SIMS/resource/absence",
            url: function() {
                return this.baseURL + '/' + idClass + '/' + option;



            },    

             initialize: function(attributes, options){

          option = options.option;
          idClass = attributes.idC;

      },



    defaults: {

                  "week":"",
                  "StudentidStudent":"",
                  "classidClass":"",
                  "monday":"",
                  "tuesday":"",
                  "wednesday":"",
                  "thursday":"",
                  "friday":""

      }



});

window.AbsenceCollection = Backbone.Collection.extend({
    model: Absence,

         baseURL: "http://localhost:8080/SIMS/resource/absence",
            url: function() {
                return this.baseURL + '/' + idClass + '/' + option;



            },


                  initialize: function(attributes, options){
          option = options.option;
          idClass = attributes.idC;

      }




});

最佳答案

Render 是一个返回此值的函数,因此您的链接正确,只需将 render.el 替换为

render().el

关于javascript - Backbone View 未显示且未显示任何错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22774149/

相关文章:

javascript - 如何在 Backbone.js View 中触发/绑定(bind)自定义事件?

javascript - 使用给定 key :value Payers form JSON using javascript or Jquery 获取准确计数

javascript - 使用 AWS JS SDK 时,请求 header 不包含 HTTP_X_CSRF_TOKEN

javascript - 主干 View 事件或冒泡

javascript - 为什么要使用 javascript 路由?

backbone.js - 使用Requirejs在Backbone中预编译Handlebars模板?

javascript - ES6类构建

javascript - 将值推送到数组末尾添加未定义

javascript - 如何安全、 protected 地扩展事件处理?

validation - Backbonejs集合.create : how to prevent it from adding items if there is an error?