下拉框数据的绑定

开发工具与关键技术: Visual Studio 2015 ,MVC
作者：任浩基
撰写时间：2019/5/25

现在我们讲的是下拉框数据的绑定。绑定前首先了解下拉框，下拉框是什么呢?其实就是一个行数据。只要我们点击时，就会显示出下拉框。就好比如点击Dropdown button，就会显示如下拉框:

当然了，在显示下拉框前你要绑定好数据。不然它可能会显示空白信息，而不是你想要的效果。下面我们转入正题“先绑定数据，再显示下拉框”。那么你想要在下拉框显示什么信息就要在对应的下拉框绑定信息，不能在别的下拉框绑定数据，不然这样也是会出错的。下面以本人在学习过程中的一个项目绑定数据为例，为大家讲解。
首先我们要加载查询选项的下拉框，其次由上级（学院）下拉框数据的绑定触发下级（年级）下拉框的绑定进而获取到上级（学院）的某个ID，然后绑定下级（年级）下拉框数据，再然后当重新选择上级（学院）的时候，下级（年级）下拉框需要清空，等到下级（年级）数据绑定的时候再绑定下下级（班级）的数据。可能说的有点抽象，大家看下下面的代码可能会有所理解:

上面是视图的代码，下面我们来看控制器的代码。

在上图可以看出要建立单表的查询以及查询出所需的ID和text值，然后给它一个返回值return。
完成到这里时，我们基本上做好了下拉框数据的绑定了。下面的上述代码运行的效果图:


只要点击学院空白处即可显示下拉框。上面展示的只是上级（学院）的下拉框绑定数据，下级（年级）以及下下级（班级）的下拉框数据绑定效果图就不一一展示了。
上面就是本人大致的一个下拉框数据绑定，如有错误望各位指出。