美文网首页Django
Django 引入pjax

Django 引入pjax

作者: huarda | 来源:发表于2017-04-11 18:00 被阅读0次

    django-pjax 博大精深,可以提升文件目录浏览速度,支持浏览器缓存,先来一版最简单的,等待后面继续补充
    1、引入pjax

    <script type="text/javascript" src="/static/js/jquery.pjax.js"></script>
    

    2、在跳转元素的地方使用pjax

    $.pjax({
        url: '/file/list',
        show: 'fade',
        data: {'id':cur_dir_fileid},
        cache: true,  //是否使用缓存
        storage: true,  //是否使用本地存储
        titleSuffix: '', //标题后缀
        container: '#fileList'
    });
    

    3、后台响应view.py

    def list_file(request):
        context = {}
        '''
        TODO Logic
        '''
        return TemplateResponse(request, 'file_list.html', context)
    

    4、file_list.html里面只需要部分代码

    <ul id="list" class="file-list clearfix ico-list">
        {% for file in files %}
        <li class="row filelist-item clearfix {{ file.elefm }}" title="{{ file.name }}">
           <div class="column column-name">
               <span class="ico ico-default ico-{{ file.elefm }}"></span>
               <input type="text" class="text" value="{{ file.name }}"/>
               <input type="hidden" class="fileid" value="{{ file.fileid }}"/>
           </div>
        </li>
        {% endfor %}
    </ul>
    

    相关文章

      网友评论

        本文标题:Django 引入pjax

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