多条件查询

开发工具与关键技术： 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对应否则查询失败，控制器代码如下图：

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