[英]Issues in loading LayoutManager using requirejs
我是新来需要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;
});
function($, _, Backbone, LayoutManager
在这里,将其命名为LayoutManager。
App.Views.HelloView = Backbone.LayoutView.extend({
在这里,您尝试将其用作Backbone.LayoutView ...(它不存在(因此未定义))。 尝试
App.Views.HelloView = LayoutView.extend({
您在此处使用的Backbone var与全局变量不同,请考虑requirejs :)
新版本的layoutmanager不使用“ LayoutView”来创建视图。 使用Backbone.Layout.extend({...})来创建您的视图...玩得开心..;)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.