css- 2 разные страницы с тегами div - PullRequest
Новая
       0

css- 2 разные страницы с тегами div

0 голосов
/ 26 июля 2011

Мы разрабатываем веб-приложение для iPad с Rails и позволим просматривать данные с помощью таблиц стилей из jQery Mobile. Мы разделились на две команды, одна команда сделала техническую (Rails) часть, а другая графическую часть.

Итак, они уже создали интерфейс, который выглядит следующим образом:

enter image description here

Оранжевая (<div data-role="header">) и зеленая (<div data-role="content">) части находятся в двух отдельных div-контейнерах, но на самом деле они позже должны представлять 2 разных html.erbs: оранжевый индекс index.html.erb (/ employee), которая ссылается на зеленую страницу show.html.erb (например, / employee / 1)

Теперь мои вопросы:

  1. Можно ли разрешить просмотр 2 страниц с помощью направляющих в одном просмотре? (С нумерацией страниц?)
  2. как связать апельсин с зеленой частью, чтобы нижняя часть страницы изменялась в зависимости от того, какое имя вы щелкнете? Можно ли что-то написать в -контейнерах?

Может быть, это трудно понять, поэтому я покажу некоторые части нашего кода. 

<body> 

<!-- BEGINNING OF ORANGE PART: SEARCH BAR - index.html.erb -->
<div data-role="page" data-theme="d"> 

    <div data-role="header">
        <h6>Videobasiertes Lernsystem</h6>
        <p align="center">zur Sicherheit am Arbeitsplatz</p>

            <div data-role="collapsible" data-collapsed="true">

            <h3>&nbsp;&nbsp;Mitarbeitersuche klappt aus</h3>

            <ul data-role="listview" data-inset="true" data-filter="true" data-theme="d">
                <br></br>

                <li><p><a href="TO THE GREEN PART">Anne Wernersen</a></p></li>
                <li><p><a href="TO THE GREEN PART">Klaus Meyer</a></p></li>
                <li><p><a href="TO THE GREEN PART">Thomas Sach</a></p></li>

            </ul>
        </div><!-- /Ende Suche -->

    </div><!-- /header -->

    <div data-role="content">


<!-- BEGINNING OF GREEN PART: CONTENT - show.html.erb -->
    <!-- left panel -->
    <div class="ui-grid-b">
        <div class="ui-grid-a">
            <div class="ui-block-a"><p><strong>Faehigkeiten</Strong></p>
            ...

            ...
    </div></div></div>

<!-- /End of left panel -->

<!-- right panel -->


        <div class="ui-block-b"><strong><p>Schulungen</p></strong>

            <br></br>
            <br></br>
        ...

        ...

        </div></div></div><!-- /right panel -->

    </div><!-- /content -->

    <div data-role="footer" data-theme="d">
    </div><!-- /footer -->
    </div><!-- /page -->
</body>
</html>

и я подумал, что, возможно, мне нужно написать в divs что-то вроде <%= render 'index' %> и написать реальный код в обоих других html. Как, например, с edit.html.erb и _form.html.erb в лесах рельсов.

1 Ответ

1 голос
/ 26 июля 2011

Вы хотели бы использовать jQuery, чтобы сделать это для вас. Представление Rails загрузит все данные, и вы будете использовать JavaScript для управления изменением страницы при взаимодействии с ней людей.

Если это тонна данных и в зависимости от других факторов, вы можете настроить API для ваших данных, чтобы ваш JavaScript мог запрашивать данные каждого человека оттуда.

...