1.stark的组件之action(自定制函数多选功能效果)

1.1  admin效果

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第1张

1.2 多选效果前端和后端进行的操作

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第2张

1.2.1 前端发过来的参数是?号后各个参数用&来拼接

1.2.2 后端django会自动把形同的key的内容进行拼接成列表

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第3张

1.3 action 内容赋值,给check绑定id

1.3.1 前端内容赋值

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第4张

1.3.2 django-static内容书写前端代码

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第5张

1.4 设置多选函数框action框

1.4.1 前端代码书写

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第6张

1.4.2 效果图

 Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第7张

1.4.3 stites设置action 内容

1.4.3.1 自定制删除函数(设置默认函数)

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第8张

1.4.3.2 设置默认显示函数

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第9张

1.4.3.3 设置显示到前端的内容

以字典的形式显示到前端

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第10张

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第11张

1.5 action的内容与前端内容交互

接收到前端的post请求后,获取当前函数名,如果函数名不为空, 获取函数名通过类反射获取当前函数,

接收前端的checked 内容id  ,存为元祖 ,queryset 过滤获取对应内容,之后再把内容放到函数中进行进一步操作

1.5.1 代码如下

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第12张

1.5.2 执行的函数

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第13张

1.5.3效果如下

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第14张

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第15张

1.5.4全选效果

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第16张

jq部分

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第17张

stark注册使用

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第18张

2. 多级过滤

2.1 多级过滤的顺序

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第19张

2.2 实现步骤

2.2.1 设置接口

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第20张

2.2.2 注册内容

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第21张

2.2.3 对一对多,多对多以及choice查询设置多重过滤

获取数据

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第22张

创建标签

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第23张

过滤部分

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第24张

最终过滤结果

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第25张

前端样式

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第26张

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第27张

效果图

Django-CRM项目学习(五)-stark的action以及多级筛选功能 随笔 第28张

a

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄