xadmin 源码自定义开发--增加前端分页

1.源码方式安装xadmin

安装说明:https://blog.csdn.net/baoshuowl/article/details/80355807

报错解决:http://www.lybbn.cn/data/bbsdatas.php?lybbs=50

2.开发需求

增加前端分页

效果如下:

3.开发思路

    1.理清xadmin 后台执行逻辑(可以使用debug django来观看项目执行过程 参考:https://www.cnblogs.com/Rocky_/p/6187275.html)

        参考:https://xadmin.readthedocs.io/en/docs-chinese/index.html

    2.定位前端文件 extra_apps/xadmin/templates/xadmin/views/model_list.html  

<div class="content-toolbar btn-toolbar pull-right clearfix"> 下插入

{# 分页条数 #}

<div class="btn-group">

    <a class="dropdown-toggle btn btn-default btn-sm" data-toggle="dropdown" href="#">分页条数 <span class="caret"></span> </a>

<ul class="dropdown-menu model_fields pull-right" role="menu" aria-labelledby="dLabel">

    <li><a href="?list_per_page=3">3</a></li>

    <li><a href="?list_per_page=5">5</a></li> <li><a href="?list_per_page=10">10</a>        </li>

    <li><a href="?list_per_page=20">20</a></li>

</ul>

</div>

{# 分页条数 #}

    extra_apps/xadmin/views/list.py

@filter_hook

def get_paginator(self):

    list_per_page = self.request.GET.get("list_per_page")

    if list_per_page:

        self.list_per_page = int(list_per_page)

return self.paginator_class(self.list_queryset, self.list_per_page, 0, True)

开发前页面:


开发后:


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • django框架虽然带有自己的分页功能,但是样式不好看,为了做更好看的分页,需要自定义一个分页工具,话不多说撸起袖...
    Code人生阅读 895评论 0 1
  • django 及 rest_framework 笔记链接如下:django 入门笔记:环境及项目搭建django ...
    Kuky_xs阅读 1,986评论 0 1
  • 项目设置 DEBUG 一个布尔型用来开启或关闭项目的debug模式。如果设置为True,当你的应用抛出一个未...
    lijun_m阅读 798评论 0 0
  • 文/熠歆 早起一点点,给自己熬一碗粥! 这样的早晨,会正能量满满的,不信,你试一试!
    熠歆阅读 231评论 0 0
  • 人世代序,春秋自然,伐远谋而空者数已,虑厚薄而失适者数已,怀恩思而永别者数已,凡此或真或假,如梦亦幻。离情...
    叔为阅读 366评论 0 0