下拉框的绑定

开发工具与关键技术：VS 下拉框的绑定
作者：微凉之夏
撰写日期：2019年5月25日

要实现下拉框的绑定触发下面的下拉框绑定不是一下子就能写出来的，你的先在控制器中学相应的下拉框数据的查询等等。例如要要实现学院的下拉框数据绑定完成之后触发年级下拉框数据的绑定再出发下面的下拉框的数据绑定等等是如何来实现的呢？下面来看下是如何操作的。
首先来看学院下拉框的绑定方法，先在页面中定义一个方法来写下拉框的内容、要拿到你所需要查询的下拉框ID来放到相应的位置上、然后就是方法的路径
（//学院下拉框数据绑定 createSelect(“searchAcademeID”, “selectAcademe”);），再到控制器中写它的数据的查询同样的也是先定义一个方法，在此之前我们的先添加一个实体类（在实体类(SelectVo)中有两个值一个是id是选中值、text是显示值）、然后就把它引进来写相应的查询方法，在方法中我们又需要实体化下Models，在之后就可以写学院的查询方法了，查询方法和结果如下：

其中上图中引用了一个Common的文件中添加的一个实体类（Tools）中写方法，方法中要创建列表对象和实体对象、再将实体对象添加到对象列表中和将数据集添加到对象列表中，结果图中很明显的加多了一行“请选择”的选项，如下：

写完学院下拉框就到年级的下拉框了，先获取学院的ID再用change事件来获取选中的学院ID（声明一个学院ID）（因为是学院下拉框数据的改变触发年级下拉框数据的绑定），再绑定年级下拉框、查询年级的路径方法来拼接学院的参数再加上学院ID的参数，最后清空下班级下拉框（在写班级下拉框的时候再添加上去的），如下：

同样的再到控制器中写年级下拉框的查询方法，不过要在学院的查询的基础中加多一个where 的条件来 where tbGrade.AcademeID==AcademeID,其他的基本一样如下和结果图


当你改变学院的数据时年级下拉框的数据也会随着学院的改变而改变，下面就是当年级下拉框数据的改变触发班级下拉框数据的绑定了。
同样的道理，选获取年级的ID再加个change事件来定义方法来获取选中的学院ID和年级ID之后，绑定班级下拉框调用我们先前封装好的方法（createSelect，第一个是班级的ID，第二个是请求查询的方法，之后拼接上学院参数、ID和年级参数、ID）如下：

控制器中的方法，定义方法来接收学院参数和年级参数，引用实体类（SelectVo） 来查询班级信息在年级的where条件中加上where tbClass.AcademeID==AcademeID && tbClass.GradeID == GradeID,再把相应的ID和名称查出来就可以了，然后拼接选择项，返回值，同样当改变了年级的数据时班级的数据同样也会随之改变，如下和结果图：