0

我是新手,需要 js,我正在使用带有布局管理器的骨干。我在下面粘贴了我的代码,但我无法让布局管理器工作,我收到了这个错误:

 "Uncaught TypeError: Cannot call method 'extend' of undefined" 

在使用 layoutmanager 的行中 (Backbone.LayoutView.extend)

Main.js

require.config({
paths: {
    jquery: 'lib/jquery-1.9.1.min',
    underscore: 'lib/underscore-min',
    backbone: 'lib/backbone-min',
    handlebars: 'lib/handlebars',
    layoutManager : 'lib/backbone.layoutmanager'
    mousewheel : 'lib/jquery.mousewheel.min'
},
shim : {
    'backbone' : {
        deps: ['jquery', 'underscore' ],
        exports: 'Backbone'
    },
    'layoutManager' : {
        deps: ['jquery', 'underscore', 'backbone'],
        exports: 'LayoutManager'
    },
    'mousewheel' : ['jquery']
}

});

require(["jquery", "underscore", "backbone", "layoutManager", "handlebars","mousewheel", "common"],function($, _, Backbone, LayoutManager, Handlebars,mousewheel, App) {


App.Views.HelloView = Backbone.LayoutView.extend({
    template : '#hello_tmpl1',
});

App.Layouts.AppLayout = new BackBone.Layout({

    template : '#layout',
    views : {
        ".helloView" : new App.Views.HelloView()
    }
});

$('body').empty().append(App.Layouts.AppLayout.el.render());

});  

Common.js
  define(function(){
    var App = null;
    App = { Models:{}, Views:{}, Collections:{}, Templates:{}, Router:{}, Layouts:{}};

   return App;
});
4

2 回答 2

0
function($, _, Backbone, LayoutManager

在这里,您将其命名为 LayoutManager。

App.Views.HelloView = Backbone.LayoutView.extend({

在这里,您尝试将其用作不存在的 Backbone.LayoutView...(因此未定义)。尝试

App.Views.HelloView = LayoutView.extend({

您在这里拥有的 Backbone var 与全局变量不同,想想 requirejs :)

于 2013-04-07T12:06:47.853 回答
0

新版本的 layoutmanager 不使用 'LayoutView' 来创建视图。使用 Backbone.Layout.extend({ ...}) 创建您的视图...玩得开心.. ;)

于 2013-06-17T07:22:14.040 回答