开发工具与关键技术:VS MVC基础
作者:卢雅婷
撰写时间:2019/04/25
(代码来源于老师)
下拉框的选择查询是查询的一部分,看过我文章的人知道我写过关于查询的例子也将下拉框拉过了一下下,今天我要在这详细的说一下下拉框的查询。下拉框查询是我们经常用到的一种功能,它可快速筛选出我们需要的数据,哪下拉框查询是如何实现的呢?
下拉框的查询主要是将我们需要筛选的条件绑定在下拉框,然后选择该字段作为条件筛选查询出有该字段的数据。
在此之前我们要先建好下拉框的HTML样式如下图
-
首先我们要先了解我们下拉框绑定的数据是什么,所以在页面中先绑定数据到下拉框中,因为我做的这个项目它的筛选字段有上下级关系,所以会出现一种上级字段的绑定,触发下级事件的绑定的情况(如上图,我们要先选择相对应的学院,才会要对应的年级,有相对应的年级才有其对应的班级)。
-
所以在页面,先写下拉框的改变事件,(获取下拉框选中的学院ID)我们先要绑定上级(学院)的数据,再绑定年级下拉框数据(此处用的下拉框绑定方法createSelect是我封装类的一个方法,它的第一个参数是绑定年级下拉框的ID,绑定方法的路径,因为我们还没写其方法,所以先为空)。
-
重新选择学院的时候,班级下拉框需要清空,等年级信息绑定的时候再绑定班级数据,接着年级下拉框数据绑定,触发班级下拉框数据绑定。然后获取选中的年级ID,再班级下拉框数据绑定、学院下拉框绑定。
接着我们到控制器处查询信息(下拉框),(因为我做的项目有三个下拉框信息的查询所以我在下面会要三个下拉框的查询方法)首先是学院信息(下拉框)的查询。
然后是查询对应学院下的年级信息(下拉框),因为年级是学院的下级,所以我们可以以页面传输过来的学院ID为条件查询对应的年级信息。最后把查询到的表格数据返回给页面
最后一个是班级查询信息因为它与年级的查询相差不大就不再上传图片了,它们只要差别在传入的参数不同,年级的查询以学院ID为条件的查询,而班级则以年级ID为条件查询,最后把查询到的表格数据返回给页面即可。记住要回到页面方法的路径填写完,即可。
鄙人学之尚浅如有不对之处,请给予矫正。