bootstrap select2插件整合ztree实现树形下拉框

最近在开发管理后台时，需要用到树形下拉框组件。第一反应当然是从网上找，但是结果让人很失望，所以决定自己动手整合一个。

技术需求点：①样式需要和下拉框相同；②下拉选项区域展示树形结构

以上两点需求，独立的每个点都有现成的插件可以使用，即基于bootstrap的select2和基于jquery的ztree；所以，我要做的事，就是扩展select2来支持ztree，这样就基本达到了我的技术需求；

我们要扩展某个插件，那么，必须要先对该插件有一定的了解，至少需要弄清楚该插件的实现流程。对于本次的扩展来说，我需要了解select2是怎样初始化的，什么时候触发下拉列表，下拉列表选项是何时添加到下拉面板中的，点击某个选项之后又是如何保存选项的。

想要得到以上问题的答案，最有效且快速的方式当然是通过select2官网了解其核心实现逻辑，以及它是否对扩展有较好的支持。在

select2高级功能中有对扩展开发的详细介绍

通过了解，我需要扩展4个对象，即可达到目的：BaseAdapter(进行数据处理：当前选择的，选择，取消选择，查询等)、Observable(用于处理下拉面板的展示等)、BaseSelection(选择操作的处理)

效果图如下

多选

 单选

s2ztree: 基于select2和jquery-ztree实现的树形下拉框插件 (gitee.com)