Я изучал различные вопросы о марионетке и не нашел то, что мне нужно, и надеялся, что кто-то может дать мне хороший совет и пару указателей. Я новичок в этом и просто хотите построить на шаблонный стартовый пакет, который я выбрал на GitHubНовое для конфигурации марионетки, маршрутизатора и контроллера
https://github.com/coombsj/RequireJS-BackboneJs-MarionetteJS-Bootstrap_Starter
Я хотел бы создать две вещи;
- Как создать маршруты & Конфигурация contoller для проекта, на который делается ссылка. См. Примеры, объясненные ниже.
- , используя тот же проект, на который ссылается, как включить или использовать 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 не нагружает
testView.js
define(['marionette', 'tpl!app/views/_templates/testView.html'],
function (Marionette, template) {
"use strict";
return Marionette.ItemView.extend({
template: template()
});
});
testView.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>
Заранее спасибо за любую помощь. Майк
большое спасибо за указатели, понравилось содержание книги. Хотя я должен признаться, что до сих пор не смог связать это с моим конкретным примером. – MichealB1969
Я обновил свой ответ с дополнительной информацией, которая поможет вам решить вашу проблему. –
большое спасибо за помощь и указатели, так как с диагнозом Parkinsons некоторые вещи не так просто, как раньше, а кривые обучения кажутся немного круче, но я бы хотел конвертировать один из моих существующих сайтов на основе запроса/js в более обоснованной и более простой в обслуживании и масштабировании базы, и решили, что я считаю, что это правильный подход, по крайней мере, попробовать доказательство концепции. Я опубликовал свой полный ответ в качестве нового комментария. Спасибо – MichealB1969