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

时间:2023-03-08 23:48:05
Django-CRM项目学习(五)-stark的action以及多级筛选功能

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

1.1  admin效果

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

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

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

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

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

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

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

1.3.1 前端内容赋值

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

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

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

1.4 设置多选函数框action框

1.4.1 前端代码书写

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

1.4.2 效果图

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

1.4.3 stites设置action 内容

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

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

1.4.3.2 设置默认显示函数

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

1.4.3.3 设置显示到前端的内容

以字典的形式显示到前端

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

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

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

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

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

1.5.1 代码如下

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

1.5.2 执行的函数

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

1.5.3效果如下

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

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

1.5.4全选效果

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

jq部分

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

stark注册使用

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

2. 多级过滤

2.1 多级过滤的顺序

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

2.2 实现步骤

2.2.1 设置接口

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

2.2.2 注册内容

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

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

获取数据

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

创建标签

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

过滤部分

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

最终过滤结果

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

前端样式

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

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

效果图

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

a