«Masterpage» - макет с помощью jQuery Mobile в приложении PhoneGap - PullRequest
Новая
       0

«Masterpage» - макет с помощью jQuery Mobile в приложении PhoneGap

3 голосов
/ 16 января 2012

Можно ли как-то создать что-то вроде мастер-страницы (asp.net) в jQuery Mobile?Я разрабатываю мобильное приложение (с помощью телефонной пробки, если это важно), и там у меня одинаковые верхний и нижний колонтитулы (некоторые кнопки для навигации в приложении) на всех страницах.Я хочу создать этот нижний колонтитул только один раз ... не в каждом div (контейнере страницы).

Greetings

edit: вот разметка, какой я хочу, ноотображается только страница1 или страница2 без верхнего / нижнего колонтитула 

<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>

Ответы [ 3 ]

1 голос
/ 03 марта 2012

Вы можете посмотреть этот хороший учебник здесь , который объясняет, как структурировать ваш код так, чтобы вы снова использовали верхний и нижний колонтитулы.

Он в основном создает метод-обертку под названием Load, который динамически загружает страницу в dom в заданном месте (обычно это заполнитель содержимого).

0 голосов
/ 21 июня 2012

После возвращения к этой проблеме я решил использовать backbone.js. Это структура MVC JavaScript.

Для получения дополнительной информации см .:

http://backbonejs.org/

http://backbonetutorials.com/

Также кое-что, что я нашел во время моего исследования:

http://kmalakoff.github.com/knockback/ Еще не пробовал, но звучит очень приятно. Этот каркас объединяет backbone.js и knockout.js (каркас MVVM).

Надеюсь, это поможет другим людям с той же проблемой!

0 голосов
/ 17 января 2012

Если вы используете Asp.Net для разработки своего JQM, просто используйте главную страницу Asp.Net. Тело может выглядеть примерно так ... 

<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>

Мой сайт на http://Cta.yyyz.com создан с использованием Aps.Net с enableviewstate=false в web.Config, так что вы действительно создаете базовые HTML-страницы - без раздувания.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...