0

スクロール時に追加のデータをロードする Django エンドレス ページネーションを使用しており、現在次のコードがあります。

メイン テンプレート:

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

template_paginator.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 %}

次の 2 つの問題がなければ、これでよかったと思います。

  1. [もっと見る] リンクが表の下からではなく、表の上から表示され、さらに驚くべきことに、一度押すと表示されなくなります。
  2. 追加の行は、古い行の前だけでなく、テーブル タグの上からも表示されます

テーブルのページ付けに対応した Django ソリューション (table2) があることは知っていますが、今のところ、純粋な Django/HTML ソリューションを使用したいと考えています。これら 2 つの問題が何に由来するかについてのアイデアは、非常に高く評価されます。

4

1 に答える 1

0

thisを見つけて、最終的に私の質問を解決しました。私からのメモは 1 つだけです - 複数の列で完全に機能します。

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

次に、メイン テンプレートで、次のように smth を記述します。

<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 に答える