下拉框数据的绑定

作者：坚定的守猴

撰写日期：2019年4月26日

开发软件和关键技术：VS；SelectVo实体类的引用

下拉框数据的绑定，是查找数据的一种方法。一般它出现在我们项目里面，特别是在涉及到多表数据查询的时候，在项目里面能够起到快速查询的作用。

下拉框实现数据的绑定，主要是因为在项目引用了SelectVo这实体类的方式，SelectVo这类主要是把在数据库查询出来的数据以ID的形式选中，然后就以文本text的形式显示出来，通过下拉框绑定的形式把需要搜索的关键字显示出来，从而把数据快速查询

出来。现在我们就来看一个例子

首先我们来看一下SelectVo这类的代码写法

在查询数据那边，就是按照先“ID”后“text”的格式，意思是我们看到表格里面的数据在数据库是以ID的形式存在，所以我们每次所查询出来所看到的数据名称与数据库里面的是不一致的。SelectVo在数据库把选中到的数据ID，然后就显示这数据在数据库存储里面的名称。按照这种格式，我们就可以在数据查询那边写代码了。

上面的是查询员工的部门和职位表的信息，可以看到这代码的格式就是按照SelectVo类的格式去写的。在MVC中，我们要写代码的话，如果涉及到方法或者是类的话，一般都是先引入进来，之后就按照这种方法或者类的格式去写，达到调用的效果。解说一下上面的代码，从数据库里面获取到部门表的信息，然后就根据SelectVo这格式去写，选中数据库部门表的部门ID，选中之后就显示出部门表中对应的部门名称，就对里面的数据进行列表查询。下面的职位表也是按照这种方式去查询的。

数据表查询完毕之后，到这里可能就会有一个小问题·，按照上面这样查询表里面的信息，在页面那边不就直接选中数据表里面的第一条数据。如果用户不想直接就选中第一条数据呢，想要保持初始状态呢。因此，我们就对于这问题进行处理一下，在SelectVo类的基础上，再引入一个Tool的类。

我们引入这类的目的就是，创建一个列表对象，把这包含数据的Select实体对象引进去。解说一下这Tool的方法，创建两个对象，第一是列表对象，然后就是一个实体类的对象，这个实体类的对象就按照SelectVo的模式，因为这是我们自己创建的对象的数据，在数据库是没有对应的数据ID，所以ID值就为零，下面的就是“请选择”的文本信息。然后就把实体对象添加到对象列表中之后就再把数据集添加进来。就一句话：把原来需要查询的数据表放到重新创建的列表对象里面，在列表对象的第一条信息就是提示信息，这样就可以还原查询数据的初始状态了。这个方法的总体思路就两个字：“嵌套”。

既然方法写好了，我们就在查询这边把方法引进来，拼接一下。

（第一个是部门表，第二个是职位表）

把引用进来方法“请选择”的提示信息拼接到数据表里面的开头，作为显示的第一条数据。

下拉框的数据信息已经查询完毕，下面就到页面那边简单的看一下绑定的代码

样式部分忽略，就看一下JS部分的

获取上面样式的部门数据ID，搜索这表里面的数据。在职位表信息搜索后面就加上部门数据的ID，这样就完成了数据之间的绑定。

代码写完之后，就来看一下页面的效果如何

一开始在部门那里没有选中表里面的数据，是不会触发到职位表那里下拉框的数据显示的。

当我在这边选中部门表里面的数据时，职位表这边的数据会相应的显示出来。这时候就可以选择职位表的数据了。如果我重新选中部门表的数据，在职位表这边就会重新刷新，恢复到请选择的状态。这样就保证了数据选中的效率。这就起到一种绑定的效果。

以上就是下拉框数据的绑定。主要就是SelectVo类的引用。