下拉框的选择查询

开发工具与关键技术:VS MVC基础
作者:卢雅婷
撰写时间:2019/04/25

(代码来源于老师)
下拉框的选择查询是查询的一部分,看过我文章的人知道我写过关于查询的例子也将下拉框拉过了一下下,今天我要在这详细的说一下下拉框的查询。下拉框查询是我们经常用到的一种功能,它可快速筛选出我们需要的数据,哪下拉框查询是如何实现的呢?
下拉框的查询主要是将我们需要筛选的条件绑定在下拉框,然后选择该字段作为条件筛选查询出有该字段的数据。

在此之前我们要先建好下拉框的HTML样式如下图

在这里插入图片描述

  1. 首先我们要先了解我们下拉框绑定的数据是什么,所以在页面中先绑定数据到下拉框中,因为我做的这个项目它的筛选字段有上下级关系,所以会出现一种上级字段的绑定,触发下级事件的绑定的情况(如上图,我们要先选择相对应的学院,才会要对应的年级,有相对应的年级才有其对应的班级)。

  2. 所以在页面,先写下拉框的改变事件,(获取下拉框选中的学院ID)我们先要绑定上级(学院)的数据,再绑定年级下拉框数据(此处用的下拉框绑定方法createSelect是我封装类的一个方法,它的第一个参数是绑定年级下拉框的ID,绑定方法的路径,因为我们还没写其方法,所以先为空)。

  3. 重新选择学院的时候,班级下拉框需要清空,等年级信息绑定的时候再绑定班级数据,接着年级下拉框数据绑定,触发班级下拉框数据绑定。然后获取选中的年级ID,再班级下拉框数据绑定、学院下拉框绑定。
    在这里插入图片描述
    接着我们到控制器处查询信息(下拉框),(因为我做的项目有三个下拉框信息的查询所以我在下面会要三个下拉框的查询方法)首先是学院信息(下拉框)的查询。

在这里插入图片描述
然后是查询对应学院下的年级信息(下拉框),因为年级是学院的下级,所以我们可以以页面传输过来的学院ID为条件查询对应的年级信息。最后把查询到的表格数据返回给页面

在这里插入图片描述最后一个是班级查询信息因为它与年级的查询相差不大就不再上传图片了,它们只要差别在传入的参数不同,年级的查询以学院ID为条件的查询,而班级则以年级ID为条件查询,最后把查询到的表格数据返回给页面即可。记住要回到页面方法的路径填写完,即可。
鄙人学之尚浅如有不对之处,请给予矫正。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值