ASP.NET MVC中的下拉框数据查询

开发工具与关键技术：VS+下拉框数据查询
作者： 李伙
撰写时间： 2019年4月22日

在学习MVC过程中，我们查询出数据后需要某条数据会在众多数据中慢慢查找，而我们查询出的数据会非常多的，这样慢慢去查找我们需要的数据会很浪费时间的，所以我们可以利用下拉框数据查询来筛选出我们需要的数据，这样可以避免因为需要某条数据而在众多数据中慢慢查找，会大大缩短我们的时间。下面为一个例子，先看js部分的代码：

如图所示：下拉框数据的绑定主要时用到“createSelect()”方法，所以下拉框数据绑定之前要引用这个方法所在的js文件，如果不引用会报错。“createSelect()”方法的第一个参数是下拉框数据查询的ID，第二个参数是路径，即传入控制器的方法，“createSelect()”方法除了这两个参数外，还有第三个参数，第三个参数设置值，不过在下拉框数据查询中不会用到第三个参数。
上图中，年纪下拉框数据查询与班级下拉框数据查询都用到change事件，change()：当元素的值发生改变时，会发生change事件。年级下拉框数据查询是根据学院下拉框数据的改变而触发年级下拉框数据的绑定，因为在不同的学院中会有不同的年级，所以一定要用change事件。班级下拉框数据查询是根据年级下拉框数据的改变而触发班级下拉框数据的绑定，因为在不同的年级中会有不同的班级，所以也一定要用change事件。change事件里面第一步是先获取选中的ID，再绑定下拉框。在绑定年级下拉框后还要清空班级下拉框，empty()：删除匹配的元素集合中所有的子节点，如上图的年级下拉框发生改变后而不清空班级下拉框的话，班级下拉框就会残留上一次的数据。
写完js部分的代码后，就到控制器写控制器的方法，因为下拉框数据查询的方法在控制器中的写法差不多一致，所以就以年级下拉框数据查询为例，代码如下：

如图所示：因为年级下拉框数据查询需要根据不同的学院来改变不同的年级，所以要传入页面获取的参数，班级下拉框数据查询也是如此，而学院下拉框数据查询不需要传入页面参数。List表示可通过索引访问的对象的强类型列表，提供用于对列表进行搜索、排序和操作的方法。这里的T是SelectVo。Where：查询条件，上图根据tbGrade的学院ID与页面传过来的学院ID相等，而班级下拉框则是需要根据它自定义表名的学院ID与页面传过来的学院ID相等&&自定义表名的年级ID==页面传过来的年级ID，因为班级下拉框是根据年级下拉框以及学院下拉框的改变而改变的。
这里我们拼接了“请选择”项，主要是代码执行后不是首先出现某个学院，而是先出现“请选择”这个选项，我们需要查询某个学院时再进行下拉框选择。拼接“请选择”项需要创建一个类，这个类的创建如下：

如图所示：创建一个名为Tools的类，然后创建列表对象，再创建实体对象，即创建“请选择”项。然后将实体对象添加到对象列表中，Add()：表示将对象添加到List的结尾处，上图是添加到selectVo中。再将数据集添加到对象列表中，AddRange()：表示将指定集合的元素添加到List的末尾，上图是添加到select中。这样下拉框查询数据的方法及代码就完成啦。