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>