2016-10-12 2 views
1

Djangoのtwitter-style paginationにはlinkが与えられます。私は私のアプリで同じを実装しようとしているが、テンプレートの分割を理解することはできません。ここでは、ページネーションを適用するHTMLページのコードを示します。誰も私のHTMLコードによると、entry_index.htmlとその他のentry_index_page.html(リンクに記載されている)の2つのテンプレートで何を書いてもいいのですか?以下はページングのために指定されたリンクのテンプレートを分割する方法:

私は改ページを適用していたためにhtmlページに私のコードです:entry_index.htmlで

{% extends 'talks/base.html' %} 
{% block content %} 
<!-- .header-bottom-wrapper --> 
<div class="header-bottom-wrapper"> 
<div class="container"> 
    <div class="row"> 
     <!-- Page Head --> 
     <div class="page-head col-lg-12"> 
      <h2 class="page-title">Gallery</h2> 
     </div> 
     <!-- End Page Head --> 
    </div> 
    </div> 
    </div><!-- End of .header-bottom-wrapper --> 

<!-- page-container --> 
<div class="page-container container"> 

<!-- Gallery Filter --> 

<div id="gallery-container"> 
    <div class="row gallery-4-columns isotope clearfix"> 


    {% for photo in pics %} 
     <div class="gallery-item isotope-item issues col-lg-3 col-md-3 col-sm-3 col-xs-6"> 
      <figure> 
       <a class="zoom swipebox" href="{{photo.image.url}}" title="{{photo.title}}"></a> 
       <div class="media_container"></div> 
       <img src="{{photo.image.url}}" alt="{{photo.title}}" width="346px" height="200px"> 
      </figure> 
     </div> 
    {% endfor %} 
    </div> 

</div> 

</div><!-- End of .page-container --> 

{% endblock %} 

答えて

0

:あなたは、私がforループを除外参照

{% extends 'talks/base.html' %} 
{% block content %} 
<!-- .header-bottom-wrapper --> 
<div class="header-bottom-wrapper"> 
<div class="container"> 
    <div class="row"> 
    <!-- Page Head --> 
    <div class="page-head col-lg-12"> 
     <h2 class="page-title">Gallery</h2> 
    </div> 
    <!-- End Page Head --> 
</div> 
</div> 
</div><!-- End of .header-bottom-wrapper --> 

<!-- page-container --> 
<div class="page-container container"> 

<!-- Gallery Filter --> 

<div id="gallery-container"> 
    <div class="row gallery-4-columns isotope clearfix"> 

{%include page_template %} 

</div> 

、私はそれを

{%include page_template %} 

forループをentry_index_page.htmlに入れます。 ここのようなpage_template変数を定義することを忘れないでください: https://django-endless-pagination.readthedocs.io/en/latest/twitter_pagination.html#split-the-template

ここで私が最初のジャンゴ - エンドレスページネーションを試験したとき、それはショーの詳細」ボタンで写真のリストの簡易表示です私の試みです:

{% load el_pagination_tags %} 
{% paginate photos %} 
    {% for photo in photos %} 
     <div class="well col-xs-12 col-md-8 col-md-offset-2"> 
      <div class="row">{{ forloop.counter }}</div> 
      <div class="row">{{ photo.description }}</div> 
      <div class="row"> 
       <div class="col-md-4"> 
        <div class="thumbnail"> 
         <img src="{{ photo.image.url }}" class="img-responsive"> 
        </div> 
       </div> 
      </div> 

     </div> 

    {% endfor %} 
{% show_more %} 
+0

これを試してみてください。 最初の10個(13個)のオブジェクトが表示されていますが、show moreをクリックすると、次の3個のオブジェクトが最初の3個のオブジェクトに重なって表示されます –

+0

最初の3個のオブジェクトの次の3個のオブジェクトを取得するので、ページネーションはうまくいくようです。 Plsは、例のクラス属性を必要に応じて追加/削除します。ページングには、loadタグ、paginateタグ、show_moreテンプレートタグが関係します。 –

関連する問題