Neue marionette, router und controller config
Ich schaue mir die verschiedenen marionette Fragen und nicht das gefunden was ich nach und hatte gehofft, jemand könnte mir ein paar gute Ratschläge und ein paar Zeigern. Ich bin neu hier und gerade auf der Suche nach Aufbau auf dem boilerplate-starter-pack, den ich ausgewählt habe auf github
https://github.com/coombsj/RequireJS-BackboneJs-MarionetteJS-Bootstrap_Starter
Möchte ich gerne festhalten, zwei Dinge;
- wie Routen erstellen & Controller-config für die adenn Projekt verwiesen wird - siehe Beispiele unten erläutert.??
- mit dem gleichen Projekt verwiesen wird, wie kann ich zählen oder die Nutzung von jquery in eine Seite Vorlage, nichts wie Seite Dokument bereit, so zeigen Sie eine alert-box??
Es hat eine Navigations-Struktur und ein paar Regionen definiert, die ich bekommen, aber andere als die LandingView.html die navigation wird nicht geladen, alle Seiten in contentRegion.
Dies scheint down zu sein, um nun template-Seiten erstellt (LENKER), ich bin ok mit Ihnen, aber kämpfen, um die Routen-und controller-Abschnitt korrekt.
in dem moment, das Router.js sieht wie folgt aus
define(['marionette', 'app/Controller'],
function (marionette, Controller) {
'use strict';
return marionette.AppRouter.extend({
appRoutes: {
'test' : 'testView',
'*action' : 'logAction'
},
controller: Controller
});
});
und die 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());
}
};
});
die LandingPage lädt ok
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>
meine testView nicht geladen
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>
Vielen Dank im Voraus für jede Hilfe.
Mike
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hier sind ein paar Ressourcen, um starten Sie auf Ihrem Marionetten-Reise:
Diese sollten Sie auf dem richtigen Weg.
Mehr info:
event
Objekt gestartet wird, eine Warnung (oder ausführen von jQuery-code) siehe zum Beispiel https://github.com/davidsulc/marionette-gentle-introduction/commit/d63ccd041aba74e972c0fa93264c45c47e6f2e6eWas genau hast du Probleme?
vielen Dank für die Hilfe und Hinweise, da Sie diagnostiziert mit Parkinson einige Dinge kommen nicht ganz so einfach, wie Sie benutzt und Lernkurven scheinen ein wenig steiler, aber ich möchte zum konvertieren einer meiner vorhandenen Abfrage /js basierte Websites, um mehr geerdet und leichter zu pflegen & scale base und habe beschlossen, dass ich denke, das ist der richtige Ansatz, um wenigstens zu versuchen proof-of-concept.
Ihre Frage zu beantworten, ich bin einfach zu benutzen versuchen, eine anständige boilerplate Beispiel, das aus backbone, require, jquery & bootstrap. Die Schwierigkeit ist, die ich nicht unbedingt wissen, gute von schlechten Ausgangspunkt, ich habe jetzt kaufte Ihr Buch und ein paar andere zu geben, die mir ein wenig Licht zu Lesen oder zumindest zu einem Bezugspunkt.
Habe ich gewählt, Ausgangspunkt von github, die angekreuzt das Feld von Anforderungen, aber wie bereits erwähnt nicht sicher über die gut schlecht oder hässlich, so versuchen möchten, Folgen Sie durch, um zumindest zu verstehen, wie erweitern Sie die mitgelieferte Router & Controller js - Dateien, die ich verstehe, sind ein Schlüssel, um diese und benötigen, um wirklich Tauchen Sie ein in.
Beispiel https://github.com/coombsj/RequireJS-BackboneJs-MarionetteJS-Bootstrap_Starter nur zu Lasten einer Seite aus der navigation links, im Beispiel, obwohl es obwohl es sind 3 links, die es in der navigation links.
Mit diesem Projekt möchte ich die anderen links um zusätzliche Seiten in der referenzierten Inhalte-region und in der Lage sein, um javascript-Code ausführen, wenn die Seite geladen wurde.
Ich hoffe das macht Sinn und nochmals vielen Dank.