0

我使用 Django 无限分页并在滚动时加载额外的数据,目前有以下代码:

主模板:

<table>
    <thead>
        <th>Поставщик</th>
    </thead>
    <tbody>
        {% include 'my_app/template_paginator.html' %}
    </tbody>    
</table>

模板分页器.html

{% load el_pagination_tags %}
{% paginate my_formset %}
    {{ my_formset.management_form }}                     
    {% regroup my_formset by some_nice_field as grouped_formset %}
    {% for form in grouped_formset %}
        {% for f in form.list %}
            <tr><td><!-- Some stuff --></td></tr>
        {% endfor %}
    {% endfor %}    
{% show_more %}

如果不是因为两个问题,我会对此感到非常高兴:

  1. 显示更多链接是从表格上方出现的,而不是像预期的那样在下方,更令人惊讶的是,按一下它就变得不可见了。
  2. 附加行不仅出现在旧行之前,甚至出现在表格标签上方

我知道分页表(table2)有一个现成的 Django 解决方案,但就目前而言,我想选择一个纯 Django/HTML 解决方案。任何关于这两个问题可能源于什么的想法都将受到高度赞赏。

4

1 回答 1

0

找到了这个,终于解决了我的问题。我自己只有一个笔记 - 与不止一列完美搭配。

找到show_more.html模板,并用它替换文件的内容。

{% load el_pagination_tags %}
{% paginate current_orders_queryset %}

{% for entry in current_orders_queryset %}
    <tr><td>Edgar</td><td>Lena</td><td>Edgar</td><td>Lena</td>
    </tr>   
{% endfor %}

{% show_more %}

然后,在主模板中,这样写:

<table>
        <thead>
            <th>Column A</th>
            <th>Column B</th>
            <th>Column C</th>
            <th>Column D</th>
        </thead>
        <tbody>
           {% include 'order_scheduler/order_draft_paginator.html' %}
        </tbody>
</table>
{% block js %}
{{ block.super }}
<script type="text/javascript" src="/static/js/el-pagination.js"></script>
<script type="text/javascript" src="/static/js/el-pagination_on_scroll.js"></script>
<script type="text/javascript" src="/static/js/el-pagination-endless.js"></script>
<script>$.endlessPaginate();</script>
{% endblock %}

最后在辅助模板中:

{% load el_pagination_tags %}
{% paginate current_orders_queryset %}

{% for entry in current_orders_queryset %}
    <tr><td>Edgar</td><td>Lena</td><td>Edgar</td><td>Lena</td>
    </tr>   
{% endfor %}

{% show_more %}
于 2016-07-25T21:07:11.063 回答