亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 Django Paginate 重復查詢集的 Django 無限滾動

使用 Django Paginate 重復查詢集的 Django 無限滾動

aluckdog 2021-09-28 17:14:54
介紹:我正在使用以下鏈接為我的項目添加無限滾動https://simpleisbetterthancomplex.com/tutorial/2017/03/13/how-to-create-infinite-scroll-with-django.html以下是該鏈接的 github 代碼 https://github.com/sibtc/simple-infinite-scroll該鏈接顯示了如何將無限滾動添加到function based views和class based views。我已將此添加到我的基于函數的視圖中,并且效果很好。問題:我的帖子列表中有8 個帖子是class-based view. 添加后我paginate_by = 3只能看到 8 個帖子中的 3 個帖子。每次我向下滾動這 3 個帖子時,都會無限循環地重復我的觀點:class Postlist(SelectRelatedMixin, ListView):    model = Post    select_related = ('user', 'group')    paginate_by = 3    context_object_name = 'post_list'    template_name = 'posts/post_list.html'    def get_queryset(self):         queryset = super(Postlist, self).get_queryset().order_by('-created_at')         query = self.request.GET.get('q')         if query:             queryset = queryset.filter(             Q(title__icontains=query)|             Q(user__username__iexact=query)|             Q(user__first_name__iexact=query)|            Q(user__last_name__iexact=query)        )          return queryset我的 Base.html :(我在 JS 文件夾中有以下文件,它們為我的 FBV 工作)    <script src="{% static 'js/jquery-3.1.1.min.js' %}"></script>    <script src="{% static 'js/jquery.waypoints.min.js' %}"></script>    <script src="{% static 'js/infinite.min.js' %}"></script>{% block javascript %}{% endblock %}我的 post_list.html:<div class="col-md-8">    <div class="infinite-container">        {% for post in post_list %}        <div class="infinite-item">            {% include "posts/_post.html" %} <!---This code is good---->        </div>        {% empty %}               some code            {% endfor %}    </div>    <div class="loading" style="display: none;">        Loading...    </div>    {% if page_obj.has_next %}        <a class="infinite-more-link" href="?page={{ post_list.next_page_number }}">More</a>    {% endif %}</div>
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號