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;

  1. wie Routen erstellen & Controller-config für die adenn Projekt verwiesen wird - siehe Beispiele unten erläutert.??
  2. 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

InformationsquelleAutor MichealB1969 | 2013-05-22
Schreibe einen Kommentar