如何使用backbone.js嵌套使用「Require.js」？

我正在做應用程序，使用backbone.js和require.js，我想實現動態配置模塊的導航，由「backbone .router「功能，這是我的問題嗎？如何使用backbone.js嵌套使用「Require.js」？

這是我的baserouter定義的，我想根據「viewPath」參數實現動態加載「backbone.view」。我該怎麼辦？

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; 
});

這是路由器的定義，它使用「baserouter」來動態設置導航菜單。

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 
    }; 
});

下面是導航菜單的HTML代碼：

<ul class="dropdown-menu"> 
    <li><a href="#people">people</a></li> 
    <li><a href="#test">test</a></li> 
</ul>

來源

2012-06-07 Justin wong

這種方法可以achieve.But我不知道這是最好的做法，誰還有更好的辦法？

loadView: function(viewPath) { 
var _this = this; 
if (this._currentView) { 
    this._currentView.dispose(); 
} 

//var view = require(viewPath); 
//**This method can achieve.But I'm not sure this is the best practice, and who has a better way?** 
//setTimeout(function() { 
    require([viewPath], function(view) { 
     _this._currentView = new view(); 
     _this._currentView.render(); 
     $("#page").html(_this._currentView.el); 
    }); 
//}, 100);

來源

2012-06-08 12:39:14

如何使用backbone.js嵌套使用「Require.js」？

回答

相關問題