Проблемы при загрузке LayoutManager с использованием requirejs
Я новичок, чтобы требовать JS, и я использую магистраль с менеджером макета. Я вставил свой код ниже, и я не могу заставить работать менеджер компоновки, и я получаю эту ошибку:
"Uncaught TypeError: Cannot call method 'extend' of undefined"
в строке, где используется layout manager (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;
});
2 ответа
Новая версия layoutmanager не использует LayoutView для создания представлений. Используйте Backbone.Layout.extend({ ...}), чтобы создать свои представления... веселиться..;)
function($, _, Backbone, LayoutManager
Здесь вы называете это LayoutManager.
App.Views.HelloView = Backbone.LayoutView.extend({
Здесь вы пытаетесь использовать его как Backbone.LayoutView... который не существует (то есть неопределенный). Пытаться
App.Views.HelloView = LayoutView.extend({
У вас есть Backbone var, отличающийся от глобального, подумайте requirejs:)