多条件查询

开发工具与关键技术: VS,多条件查询
作者:卢惠圳
撰写时间:2019年5月5日
当在页面上数据较多的时候想要查询某一条数据的时候,自己一条条的去查效率会很低下并且容易找不到,这个时候就需要用到多条件查询来辅助查找,首先将多条件查询的HTML代码和样式写好可以是下拉框也可以是输入框,当然可以单独使用也可以结合使用当HTML代码写好之后接下来就是JS代码,先将下拉框的数据进行绑定下拉框数据绑定JS代码如下图:

在这里插入图片描述
之后就是控制器的代码先创建一个类用来存放选中值和显示值,然后进行查询其中ID为选中值ID对应的名称为显示值数据查询出来后还要再创建一个类,在下拉框一开始的地方拼接“请选择”项并且其选中值为0然后返回数据,控制器代码如下图:在这里插入图片描述
再将下拉框和输入框的ID传下来并对其内容进行判断是否为空或者为undefined,如果为空或者undefined下拉框就让其id等于0输入框就让其内容等于空,然后进行重载如果下拉框和输入框不为空或者undefined则直接进行重载JS代码如下图:
在这里插入图片描述
在这里插入图片描述
接下来就是控制器的内容将ID传入控制器,然后查询出需要的表再在表里提取需要的内容以及其ID名称然后进行判断HTML传过来的ID是否大于0也就是判断是否有内容传输过来,如果没有则不进行查询如果有则让HTML传输过来的ID等于查询出来表里的ID相对应,注意HTML传输过来的ID一定要与你要查询的内容的ID对应否则查询失败,控制器代码如下图:

在这里插入图片描述
最后再在初始化表格的地方调用多条件查询方法就可以进行多条件查询了实际效果如下图,在下拉框选择好或者在输入框写入数字或中文就可以快速的搜索到想要的数据了。

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值