Backbone.js 在木偶中显示布局。控制器内的应用程序_Backbone.js_Marionette

Backbone.js 在木偶中显示布局。控制器内的应用程序

backbone.js

Backbone.js 在木偶中显示布局。控制器内的应用程序,backbone.js,marionette,Backbone.js,Marionette,我正在尝试在我的应用程序中使用MVC流来构造代码。我正在尝试在我的marionette.controller中的我的marionette应用程序实例中显示创建的布局，如下所示有人能告诉我这是一个正确的方式来显示或更改控制器内的布局是正确的方式还是不正确的？如果不是，那么什么是正确的方法我的控制器 define([ 'marionette', 'app', 'index_view' ], function( Marionette, App, IndexView ) { console.log(

我正在尝试在我的应用程序中使用MVC流来构造代码。我正在尝试在我的marionette.controller中的我的marionette应用程序实例中显示创建的布局，如下所示

有人能告诉我这是一个正确的方式来显示或更改控制器内的布局是正确的方式还是不正确的？如果不是，那么什么是正确的方法

我的控制器

define([ 'marionette', 'app', 'index_view' ], function( Marionette, App, IndexView ) {
console.log("Inside...ViewFlow Controller.");
var ViewFlow_Controller = Marionette.Controller.extend({
    loadIndex : function() {
        console.log("Inside...Load Index Method.");
        App.main.show( new IndexView() );
    }
});
return new ViewFlow_Controller();
});

我的索引视图是这样的

define(['app', 'helper', 'templates'],
function (App, Helper, templates){
console.log("Inside...Index View.");
App.Page_Index = (function(){
    var Page_Index = {};

    var _pageName = 'IndexPage';        
    var _pageLayout = Helper.newPageLayout({
        name:_pageName,
        panelView:      Helper.newPanelView(),
        headerView:     Helper.newHeaderView({name:_pageName, title:'Welcome to the Index Page'}),
        contentView:    Helper.newContentView({name:_pageName, template: templates.content_index}),
        footerView:     Helper.newFooterView({name:_pageName, title:'IndexPage Footer'})
    });

  return Page_Index;

})();

return App.Page_Index;
});

我的助手返回我的应用程序\布局实例。但它不起作用，它给了我一个错误

Uncaught TypeError:object is not a function   viewflow_controller.js:12

请帮帮我

如果您想参考完整的代码或贡献，可以找到代码

提前谢谢

GitHub上的代码似乎只包含空文件（库除外），因此我假设

Helper

返回一个布局实例（您似乎已经指出，它返回了一个

App\u layout

实例）

看起来你用错了布局。使用布局的方法基本上是：

使用区域（例如，

panelRegion

和

contentRegion

创建将在布局中显示的视图实例（例如，

panelViewInstance

和

contentViewInstance

编写一个处理程序，在显示布局本身时显示视图

处理程序应如下所示：

  myLayout.on("show", function(){
      myLayout.panelRegion.show(panelViewInstance);
      myLayout.contentRegionshow(contentViewInstance);
  });

然后，在应用程序的某个区域中显示该布局：

  MyApp.mainRegion.show(myLayout);

有关布局的文档如下所示：

您可以在my中了解有关使用布局和构造代码的更多信息。