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中。这样下拉框查询数据的方法及代码就完成啦。

ASP.NET MVC中的下拉框数据查询相关推荐

element-ui中el-select下拉框数据过多，用pinyin-match实现拼音、首字母、汉字等模糊搜索
人狠话不多,上图! pinyin-match库也是项目需要,由于下拉框的数据过多,使用人员不好选择,就做个拼音,大小写字母以及汉字的模糊搜索,结果就找到来这个 pinyin-match库,能够使用拼 ...
c mvc ajax 返回下拉框,SpringMVC之ajax+select下拉框交互常用方式
Insert title here //ajax+select三种常用交互方式 window.οnlοad=function(){ test(); } function test(){ alert(& ...
SpreadJS表格中关于下拉框new GC.Spread.Sheets.CellTypes.ComboBox()的设置和使用
SpreadJS表格中关于下拉框的设置和使用 Spreadjs使我们经常用到的一种表格插件,下面是自己使用中的一点心得,希望对大家有帮助,废话不所说,下面进入正题: 1.npm下载 @grapecit ...
layui 数据表格下拉框_LayUi数据表格中嵌套下拉框
layui嵌套下拉框实用方法(附效果图) 在做项目时遇到一个问题,在layui 的数据表格table里面如何做一个下拉框呢?效果图如下: 这样的效果想必是最理想的了思路分析: 我们可以通过layui ...
layui弹出层中添加下拉框
layui弹出层中添加下拉框实习不到两个月,踩到的坑使用layui写了一个项目,负责其中的一小块,其中有一个页面需要在弹出层中写一个下拉框代码如下: <div class="la ...
excel中设置下拉框sheet关联
excel中添加下拉框内容 1.直接输入来源,流程如下图注:每个选项之间需要用英文逗号隔开. 2.通过引用方式,首先先准备好内容,再供引用. 流程如下 1.创建内容,选定创建的所有内容并设置其名称, ...
解决layui数据表格中嵌套下拉框显示问题
在layui数据表格中嵌套下拉框时,下拉框不能正常弹出,仔细观察发现,点击下拉框时会有一个短暂的弹出动画,马上又消失了,遂猜想,大概是显示的问题,可能是被覆盖了,那么解决覆盖就可以了. 如图, 下拉框 ...
浏览器前进后退对下拉框数据的丢失（省市联动实现和例子）
浏览器前进后退对下拉框数据的丢失的问题,典型的为省市下拉框联动时城市数据的丢失.省市联动一般的实现为城市在省份的选择后js加载. 那么每次城市的改变只需要重新加载新的城市数据并更新下拉框即可: 下拉函 ...
Ext JS - Combobox 加载下拉框数据级联下拉框
Combobox 加载下拉框数据点击下拉框,数据从后台加载,是很常见的需求.如下图: View 中下拉框 dockedItems : [ {dock : 'top',xtype : 'toolbar ...
swing下拉框从mysql_Java Swing应用程序 JComboBox下拉框联动查询
在web项目中,通过下拉框.JQuery和ajax可以实现下拉框联动查询. 譬如说,当你查询某个地方时,页面上有:省份: 市区: 县乡: 街道: 查询譬如说,你选择了省:江苏省,那么在市区中只会显示 ...

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

ASP.NET MVC中的下拉框数据查询相关推荐

最新文章

热门文章