Question

我们正在使用Rails为iPad开发一个网络应用程序，并将使用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）

现在我的问题：

是否可以在一个视图中使用rails查看2页？（有分页？）
如何从橙色部分链接到绿色部分，以便页面的下半部分会发生变化，具体取决于您点击的名称？是否可以在-containers中写一些东西？

也许很难理解，所以我会展示代码的一些部分。

<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中写下真正的代码。就像它在rails的脚手架中使用edit.html.erb和_form.html.erb一样。

Answer 1

您可能希望使用jQuery为您执行此操作。 Rails视图将加载所有数据，并使用JavaScript控制人们与人交互时页面的变化。

如果数据量很大并且取决于其他因素，您可能需要为数据设置API，以便JavaScript可以从那里请求每个人的数据。

css-带有div标签的2个不同页面

1 个答案: