美文网首页
xadmin 源码自定义开发--增加前端分页

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

作者: __init___e8fa | 来源:发表于2018-12-25 12:53 被阅读0次

    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)

    开发前页面:

    开发后:

    相关文章

      网友评论

          本文标题:xadmin 源码自定义开发--增加前端分页

          本文链接:https://www.haomeiwen.com/subject/rktflqtx.html