Como aninhado usar "Require.js" com "backbone.js"?
Eu estou fazendo o aplicativo, o uso de backbone.js e require.js, eu gostaria de obter a navegação do módulo de configuração dinâmica pela função "backbone.router", aqui está a minha pergunta?
Este é o meu baserouter definido, eu quero alcançar carga dinâmica "backbone.view" de acordo com o parâmetro "viewPath" .Como posso fazer?
define(['require', 'underscore', 'backbone'], function(require, _, Backbone) {
var BaseRouter = Backbone.Router.extend({
container: "#page",
loadView: function(viewPath) {
**//Here require lazy loading "base/people/view.js", **
**//I do not know how to achieve it?**
var view = require(viewPath);//viewPath = "base/people/view";
this._currentView = new view();
this._currentView.render();
$(this.container).html(this._currentView.el);
}
});
return BaseRouter;
});
Esta é a definição do roteador, ele trabalha com "baserouter" para definir dinamicamente o menu de navegação.
define(['baserouter'], function(baserouter) {
//The JSON data should come from the database,
//These data define the navigation information for all modules.
var navs = JSON.parse('[{"name": "people","title": "peoplemanage","view": "base/people/view"},{"name": "test","title": "testmanage","view": "pub/test/view"}]');
var AppRouter = baserouter.extend();
for (var i = 0, l = navs.length; i < l; i++) {
var nav = navs[i];
AppRouter.prototype["loadView_" + nav.name] = function() {
var path = nav.view;
return function() {
AppRouter.prototype.loadView(path);
}
}();
}
var initialize = function() {
var routes = {}
for (var i = 0, l = navs.length; i < l; i++) {
var nav = navs[i];
routes[nav.name] = "loadView_" + nav.name;
}
var app_router = new AppRouter({
"routes": routes
});
Backbone.history.start();
};
return {
initialize: initialize
};
});
Aqui está o código html para o menu de navegação:
<ul class="dropdown-menu">
<li><a href="#people">people</a></li>
<li><a href="#test">test</a></li>
</ul>