浅谈Django的Q查询以及AngularJS的Datatables分页插件
2017-02-11 17:11
387 查看
使用Q查询,首先要导入Q模块:
可以组合使用&,|操作符用于多个Q的对象,产生一个新的Q对象,Q对象也可以用~操作符放在前面表示否定,如下例所示:
其中Q查询里面的 __icontains 表示包含的关系,用于模糊查询,如:
再谈谈AngularJS的Datatables分页插件:
Datatables的主要功能是分页、即时搜索和排序,虽然django自带的模板引擎也有分页功能(Paginator),但无论从功能上还是美观上,Datatables都更好。
Datatables的效果如下图所示:
下面讲一下Datatables的DTOptionsBuilder方法:
DTOptionsBuilder.newOptions是AngularJS的datatables的一个重要的方法,.newOptions用于实现前后端分页,
from django.db.models import Q
可以组合使用&,|操作符用于多个Q的对象,产生一个新的Q对象,Q对象也可以用~操作符放在前面表示否定,如下例所示:
if search: keywords_list = search.split(' ') query_list = [Q(status__icontains=get_success_fail_status(keyword)) if get_success_fail_keyword_status(keyword) else Q(username__icontains=keyword) | Q(groupid__icontains=keyword) | Q(status_active_vs__icontains=keyword) | Q(orders_created_time__icontains=keyword) | Q(status_bind__icontains=keyword) | Q(status_active_Bind__icontains=keyword) | Q(env__icontains=keyword) for keyword in keywords_list] q = Q() for query in query_list: q.add(query, Q.AND) #把query添加到之前定义的最外层的Q对象中,查询条件是 '和'
其中Q查询里面的 __icontains 表示包含的关系,用于模糊查询,如:
Q(username__icontains=keyword) | Q(groupid__icontains=keyword) 表示查询 username或者 groupid
再谈谈AngularJS的Datatables分页插件:
Datatables的主要功能是分页、即时搜索和排序,虽然django自带的模板引擎也有分页功能(Paginator),但无论从功能上还是美观上,Datatables都更好。
Datatables的效果如下图所示:
下面讲一下Datatables的DTOptionsBuilder方法:
DTOptionsBuilder.newOptions是AngularJS的datatables的一个重要的方法,.newOptions用于实现前后端分页,
DTOptionsBuilder.newOptions() .withOption('ajax', { url: "/api/other/get_http_https_apply/", type: 'GET' }) .withDataProp('data') .withOption('serverSide', true) .withPaginationType('full_numbers') .withOption('createdRow', createdRow) .withOption('order', [ [0, 'desc'] ]);
'serverSide', true 表示开启服务器模式, ajax表示数据的来源(包括处理分页,排序,过滤), full_numbers表示所有的数据,
http_https.dtColumns = [ DTColumnBuilder.newColumn('id').withTitle('ID'), DTColumnBuilder.newColumn('username').withTitle('申请人'), DTColumnBuilder.newColumn('env').withTitle('环境'), DTColumnBuilder.newColumn('groupid').withTitle('group_id'), DTColumnBuilder.newColumn('status_active_vs').withTitle('激活vs').renderWith(apply_status), DTColumnBuilder.newColumn('status_bind').withTitle('绑定').renderWith(apply_status), DTColumnBuilder.newColumn('status_active_Bind').withTitle('激活绑定').renderWith(apply_status), DTColumnBuilder.newColumn('status').withTitle('最终结果').renderWith(apply_status), DTColumnBuilder.newColumn('orders_created_time').withTitle('时间') ]; //判断是否是admin用户,如果是admin,则在http_https.dtColumns这个数组中增加(push)一个元素 if (http_https.js_admin) { http_https.dtColumns.push(DTColumnBuilder.newColumn(null).renderWith(actionsHtml).withTitle('Actions')) }
DTColumnBuilder.newColumn表示新增表格的列 .renderWith对数据进行渲染 这里apply_status是我自己写的一个函数,用于转换json中True和False对应的html中的“成功、失败”
部分详情代码请见我的github:https://github.com/a342058040/Django_AngularJS_Datatables.git
相关文章推荐
- 浅谈Django的Q查询以及AngularJS的Datatables分页插件
- 浅谈Django的Q查询以及AngularJS的Datatables分页插件
- 浅谈Django的Q查询以及AngularJS的Datatables分页插件
- 浅谈Django的Q查询以及AngularJS的Datatables分页插件
- 对比分析Django的Q查询及AngularJS的Datatables分页插件
- datatables服务端分页之带参数查询以及跳页
- 带有查询和排序功能的jquery分页插件——DataTables
- dataTables中的数据自带分页和查询以及自带导出excel表格
- django分页插件介绍以及安装
- [原创]修正SubSonic v2.2.1的一处BUG,以及如何使用SubSonic进行多表查询、子查询以及数据库分页
- jquery分页插件datatables各参数详细说明及简单应用
- [原创]修正SubSonic v2.2.1的一处BUG,以及如何使用SubSonic进行多表查询、子查询以及数据库分页
- Oracle_Day2 查询练习,以及分页
- sqlserver上一页,下一页以及高效分页查询语句
- 何种情况适用存储过程以及常用的分页、查询案例
- 学习笔记_用hibernateQBC动态查询+jsp的jstl标签库实现的动态查询以及分页特效
- Ibatis调用存储过程实现增删改以及分页查询
- SubSonic3.0插件分页查询速度测试
- SubSonic3.0插件分页查询速度测试
- 动态多条件查询分页以及排序(一)--MVC与Entity Framework版url分页版