如何在 Marionette .js + backbone 中加载 html 文件?
how to load html file in Marionette .js + backbone?
我有一个 "test.html" 因为我有这个竞争(整个 html 文件都有这个竞争)。
<h1>First page</h1>
我需要使用 Marionette .js
在 ID ="contend" 的 div 中加载竞争
<div id="contend">
</div>
你能告诉我该怎么做吗?
fiddle :
http://jsfiddle.net/JQu5Q/16/
$(document).ready(function(){
var ContactManager = new Marionette.Application();
ContactManager.addRegions({
mainRegion:"#contend"
})
ContactManager.on("start", function(){
console.log("ContactManager has started!");
});
ContactManager.start();
// router
var routers = Backbone.Router.extend({
routes: {
"": "showFirstPage"
},
showFirstPage:function(){
}
})
var ToolItemView = Backbone.Marionette.ItemView.extend({
template: '<div>hello</div>',
});
})
实例化视图,并显示在区域中:
var toolItemview = new ToolItemView();
ContactManager.mainRegion.show(toolItemview);
如果您想通过 Backbone.router 显示视图,您只需将 Marionette 应用程序传递给路由器然后显示它。
var routers = new Router({app: ContactManager})
我有一个 "test.html" 因为我有这个竞争(整个 html 文件都有这个竞争)。
<h1>First page</h1>
我需要使用 Marionette .js
在 ID ="contend" 的 div 中加载竞争<div id="contend">
</div>
你能告诉我该怎么做吗? fiddle : http://jsfiddle.net/JQu5Q/16/
$(document).ready(function(){
var ContactManager = new Marionette.Application();
ContactManager.addRegions({
mainRegion:"#contend"
})
ContactManager.on("start", function(){
console.log("ContactManager has started!");
});
ContactManager.start();
// router
var routers = Backbone.Router.extend({
routes: {
"": "showFirstPage"
},
showFirstPage:function(){
}
})
var ToolItemView = Backbone.Marionette.ItemView.extend({
template: '<div>hello</div>',
});
})
实例化视图,并显示在区域中:
var toolItemview = new ToolItemView();
ContactManager.mainRegion.show(toolItemview);
如果您想通过 Backbone.router 显示视图,您只需将 Marionette 应用程序传递给路由器然后显示它。
var routers = new Router({app: ContactManager})