Django

Django 引入pjax

2017-04-11  本文已影响0人  huarda

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>
上一篇下一篇

猜你喜欢

热点阅读