我一直在查看各种木偶问题,但没有找到我想要的,希望有人能给我一些合理的建议和一些建议。我是新手,只是想在我在 github 上选择的样板启动包上构建
https://github.com/coombsj/RequireJS-BackboneJs-MarionetteJS-Bootstrap_Starter
我想建立两件事;
- 如何为 afor 引用的项目创建路由和控制器配置 - 请参阅下面解释的示例。??
- 使用相同的引用项目我如何在模板页面中包含或使用 jquery,诸如页面文档之类的任何内容都已准备好显示警报框?
它有一个导航结构和几个我得到的定义的区域,但除了 LandingView.html 之外,导航不会加载 contentRegion 中的任何页面。
这似乎是现在创建的模板页面(车把),我对它们很好,但努力正确地创建路由和控制器部分。
目前,Router.js看起来像这样
define(['marionette', 'app/Controller'],
function (marionette, Controller) {
'use strict';
return marionette.AppRouter.extend({
appRoutes: {
'test' : 'testView',
'*action' : 'logAction'
},
controller: Controller
});
});
和Controller.js
define(['app/views/LandingView'],
function (LandingView) {
"use strict";
return {
logAction: function (action) {
console.log(action);
S2C.content.show(new LandingView());
}
};
});
define(['app/views/testView'],
function (testView) {
"use strict";
return {
testView: function (test) {
console.log(action);
S2C.content.show(new testView());
}
};
});
LandingPage 加载正常
LandingView.js
define(['marionette', 'tpl!app/views/_templates/LandingView.html'],
function (Marionette, template) {
"use strict";
return Marionette.ItemView.extend({
template: template()
});
});
LandingView.html
<div style="background-color:#6CF">
<h2>
This is the home page
</h2>
</div>
我的 testView 没有加载
测试视图.js
define(['marionette', 'tpl!app/views/_templates/testView.html'],
function (Marionette, template) {
"use strict";
return Marionette.ItemView.extend({
template: template()
});
});
测试视图.html
<form class="form-inline" id="testForm" method="post" action="#">
<div>
<input type="text" name="name" accesskey="s" size="30"
value=""/>
<input type="submit" value="Find"/>
</div>
</form>
提前感谢您的帮助。麦克风