下拉框的讲解

2020-09-16 14:32:31 浏览数 (1)

下拉框的讲解

开发工具与关键技术:MVC

作者:盘洪源

撰写时间:2019年5月1日星期天

在一些比较多数据的表中都会有个查询功能,比如说查询指定的某一条数据什么的。拿个例子来说,一个学生信息表中,你可能想查询指定的学院或者指定的班级或者又是指定的某个人,这里可能用到一个下拉框数据的绑定。

代码语言:javascript复制
这个下拉框是怎么理解的?比如说这个学院,学院可以有很多个,所以这个学院就可以放在下拉框中供使用者来进行一个筛选的条件。

首先你想弄到这个学院下拉框数据的绑定,就肯定得把这个学院的信息查询出来先,

这是一个简单的单表查询就不详细说。

查询完数据后当然需要在视图上绑定数据才行,这里需要用到一个已经写好js插件,这个插件里封装好了绑定下拉框数据的方法,如下图

所以我们直接引用这个方法就行

createSelect(“searchAcademeID”,"/ExaminationManagement/SetExaminee/SelectAcademe");、

这个searchAcademeID就是你所需要绑定数据那个下拉框的ID,后面这个就是查询出学院信息的方法路径。在这些步骤做完后这个学院下拉框数据就绑定好了。

这个年级的下拉框数据绑定就有点不同于这个学院下拉框数据的绑定,为什么这么说?因为是有了学院才能有年级,这两个的关系要搞清楚。就是通过学院下拉框选中对应的学院才能选择对应学院对应的年级,如果在一开始的时候没有选中学院这个时候是不能有年级给你选择,我们需要做的就是这个效果。

首先还是需要将这个年级信息查询出来,但这个查询就需要根据学院的ID来查询

代码语言:javascript复制
将这个年级的数据查询出来后,就在视图上写学院下拉框数据绑定,触发年级下拉框数据的绑定

首先需要获取到当前选中学院的ID,这样这个通过学院ID查询年级信息的方法才能查询出来。

对应的班级也是这样理解,有年级才能有班级,所以这个班级信息的查询也是需要通过年级的ID查询,和上面的年级一样的意思。

下面这个是查询按钮的点击事件,也就是学院、年级、班级下拉框数据的绑定。

代码语言:javascript复制
 这个下拉框数据的绑定是很容易理解的,就是有时候像学院对应年级这种关系搞清楚就行,其他的不难理解。

0 人点赞