GitHub - mapingdjh/component: 组件练习 · GitHub
Skip to content

mapingdjh/component

Folders and files

Repository files navigation

选择收件人组件功能:

=

1、页面初始化: ** 创建整个组件dom节点

** 展示数据

****** 展示收件人列表,如果有被选中的收件人,默认需要勾选

****** 展示已选收件人列表(如果初始化就存在被选中的收件人),此时鼠标移动到已选收件人某行会在该行增加背景色且显示删除按钮

2、搜索功能: 输入关键字后,单击搜索图标或enter键,发送ajax请求,查询相关收件人列表信息,如果有收件人被勾选了,那么改收件人也要在右侧已选收件人列表中显示出来;

3、实现收件人和已选收件人之间联动效果:

 3.1、单选或全选则收件人在右侧已选收件人列表中显示出来

 3.2、在已选收件人列表中单击删除某行,与左侧相对应的收件人取消勾选(无论改收件人显示在第几页,都需要取消勾选)

 3.3、取消勾选某个或多个收件人,则删除右侧对应已选收件人,此时清空相应dom节点,不需要发送请求与后台交互

4、单击新建按钮,保存已选收件人并关闭弹框,单击取消按钮,直接关闭弹框

About

组件练习

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors