«Masterpage» -Layout с jQuery Mobile в приложении PhoneGap

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

Привет

редактирования: вот разметку, как я хочу, чтобы это было, но отображается только стр.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>

источник

2012-01-16 Dominik Kirschenhofer

Эта функция находится в стадии предложения. Проверьте это http://stackoverflow.com/questions/6875404/why-does-html5-not-include-a-way-of-loading-local-html-into-the-document – Abhi

HTML «включает», как в PHP например, могут быть интересны, но не то, что я ищу ... Я мог бы использовать iFrame и сейчас. Что я хочу сделать, это использовать навигацию jQuery Mobile в качестве ее предоставленной, но я не хочу менять всю страницу, а просто часть страницы. –

Вернувшись к этой проблеме, у меня есть decidet для использования backbone.js. Это javascript MVC framework.

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

http://backbonejs.org/

http://backbonetutorials.com/

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

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

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

источник

2012-06-21 14:05:11

-2

Если вы используете 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-страниц - без наворотов.

источник

2012-01-17 11:00:04 Gfw

Я разрабатываю мобильное приложение с помощью PhoneGap (как объясняется;)). Там у вас нет серверной части для ваших страниц ... вам нужно разработать html + javascript, который будет развернут на мобильном устройстве. Таким образом, файлы .html и .js «жесткие» на устройстве => нет asp.net = / –

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

В основном он создает метод обертки под названием «Загрузка», который динамически загружает страницу в дом, в определенном месте (обычно это ваш заполнитель содержимого).

источник

2012-03-02 21:24:15 Dofs

«Masterpage» -Layout с jQuery Mobile в приложении PhoneGap

ответ

Смежные вопросы