"Masterpage"-Layout mit jQuery Mobile PhoneGap-app

Ist es irgendwie möglich zu erstellen, so etwas wie eine masterpage (asp.net) in jQuery Mobile?
Ich bin die Entwicklung einer mobilen app mit phonegap, wenn seine wichtig) und dort habe ich den gleichen header und footer (einige Schaltflächen zum navigieren in der app) auf allen Seiten.
Was ich tun möchte, ist zu erstellen diese Fußzeile nur einmal... nicht in jedem div (page-container).

Grüße

edit: das ist das markup, wie ich es will, aber angezeigt wird nur page1 oder page2 ohne Kopf - /Fußzeile

<div data-role="header">
        <h1>Header</h1>
</div>

    <div data-role="content">
        <div data-role="page" id="page1" data-title="Page 1">
            Page 1
        </div>
        <div data-role="page" id="page2" data-title="Page 2">
            Page 2
        </div>
    </div>

    <div data-role="footer" data-position="fixed">
        <table>
            <tr>
                <td>
                    <a href="#page1">Page 1</a>
                </td>
                <td>
                    <a href="#page2">Page 2</a>
                </td>
            </tr>
        </table>
    </div>
  • Diese Funktion ist in der proposal-Phase. Check this out stackoverflow.com/questions/6875404/...
  • HTML "enthält", wie in PHP zum Beispiel sind vielleicht interessant, aber nicht das, was ich Suche... ich könnte ein iFrame-Element auch jetzt. Was ich tun möchte, ist die Verwendung von jQuery Mobile navigation als Ihr zur Verfügung gestellt, aber ich möchte nicht die komplette Seite, sondern nur ein Teil der Seite.
InformationsquelleAutor Dominik Kirschenhofer | 2012-01-16
  1. 1

    Kann man sich auf dieses gute tutorial hier welche erklärt, wie man den code so strukturieren verwenden Sie die Kopf-und Fußzeile.

    Es schafft im Grunde ein wrapper-Methode namens Load, die dynamisch eine Seite in den dom, an einem bestimmten Ort (in der Regel Ihre Inhalte Platzhalter).

    InformationsquelleAutor Dofs
  2. 0

    Nach wieder kommen, um dieses problem habe ich decidet zu verwenden backbone.js. Dies ist eine javascript-MVC-framework.

    Weitere Informationen finden Sie unter:

    http://backbonejs.org/

    http://backbonetutorials.com/

    Auch etwas, was ich gefunden habe bei meinen Recherchen:

    http://kmalakoff.github.com/knockback/
    Habe es noch nicht versucht, aber es klingt sehr schön. Dieser Rahmen vereint backbone.js und knockout.js (ein MVVM-framework) zusammen.

    Hoffe, das helpes andere Völker mit dem gleichen problem!!!

    InformationsquelleAutor Dominik Kirschenhofer
  3. -2

    Wenn Sie mit Asp.Net zu entwickeln, JQM, lediglich die Asp.Net master-Seite. Der Körper könnte so Aussehen ...

    <body>

<div data-role="page" data-theme="c" id="pgMaster">
    <div data-role="header" data-nobackbtn="true" data-theme="a">
        <asp:ContentPlaceHolder ID="PageTitleContent" runat="server" />
    </div>
    <div data-role="content">
        <asp:ContentPlaceHolder ID="MainContent" runat="server" />
    </div>
    <div data-role="footer" data-id="nav" data-theme="a">
        <h4 style="font-size: 75%">
            <%= AppCode.Common.CGlobals.CopyRight %>
        </h4>
    </div>
    <asp:ContentPlaceHolder ID="ScriptContent" runat="server" />
</div>
</body>

    Meiner Seite unter http://Cta.yyyz.com gebaut mit Aps.Net mit enableviewstate=false im web.Config so sind Sie wirklich, die Erstellung von einfachen html-Seiten - nicht aufblasen.

    • Ich bin die Entwicklung einer mobilen Applikation mit PhoneGap (wie bereits erklärt 😉 ). Da Sie nicht über einen server-Teil für Ihre Seiten... Sie entwickeln html+javascript, das bereitgestellt wird auf dem mobilen Gerät. Also die .html und .js-Dateien sind "hart" auf das Gerät => kein asp.net =/
    InformationsquelleAutor Gfw
Schreibe einen Kommentar