最近开发的一个多功能选择器

最近开发的一个多功能选择器。
实现功能:
1,可以选择部门,人员,职位,成本中心等,并可以扩展。
2,全部Ajax方式加载
3,可以通过拼音检索。
4,服务器端缓存数据

控件属性:
MultiSelect是否多选
RenderMode呈现模式,结果可以以树状和列表展示
SelectorType选择类型(部门,人员,职位,成本中心等)
OkEventHandler确定按钮要相应的客户端事件
CancelEventHandler取消按钮要相应的客户端事件
WithRight是否带权限,因为每个人进系统的人权限不一样
Caption控件标题
......

使用截图如下:

1.一个具有全部权限的人打开选择器

2.选择公司节点Ajax方式展开该公司下的部门

3.选择部门节点Ajax方式展开该部门下要选择的人员

4.或者直接通过拼音查找公司相关人员,滚动条显示Ajax加载中

5.查找结果根据属性RenderMode=List以列表展示,键盘上下键进行选择

6.右侧显示选择结果,滚动条跟着滚动。右侧减号按钮移除当前选择项

7.清空输入框回到开始界面

8.通过树上的多选框选择该部门下所有人员

9.下面是单选情况

10.下面是通过树节点选择单个人

11.下面是选择公司下面部门的情况

12.下面是通过搜索检索部门情况,然后选择

原文地址:https://www.cnblogs.com/jackhuclan/p/1399713.html