zoukankan      html  css  js  c++  java
  • eaeyui-combobox实现组合查询(即实现多个值得搜索)

    2015年9月1日,今天要实现下拉框的组合查询功能,即可以再下拉框中选择多个值,输入框中每个值之间有逗号隔开,传到后台,由split函数将其分割开,组合成数组,在由sql查询。

    实现的效果是:

    当时在网上查了一下,有很多种方法,easyui-combobox,select2,multiple,tagsInput,由于我的前段使用easyui来实现功能的,所以选择了easyui-combobox来实现此功能。(主要是其他的方法实现了之后虽然可以实现功能,但是样式太丑,需要改css文件)

    首先我的后台的代码是:

    在这里的select下拉框中,我增加了class=“multiselect”,这个是为了实现一个功能:假如这个页面有多个有多个select的下拉框,可以统一的由类选择器来触发插件。

    查发插件的语句是$(".multiselect").combobox();写在$(function(){...})中。

    写multiple字段的作用是实现此功能,如果去掉该句话,会导致样式变得非常的奇怪:如

    这样是无法选择多个值的。

    在选中多个值之后,点击查询能触发函数,将数据传到后台函数中,在我的例子中,状态这个字段传到后台是一个map类型,区中相应的字段,将其类型转为字符串类型,使用String.split(",")函数,将其组合成数组,在将值传到后台的select语句中,在select语句中使用foreach方法,遍历数组中的值,进行组合查询。

    代码如下:使用split函数分割,要判断字符串是否为空,否则你页面会导致数组是空值,传到后台。

    在后台的select语句:

    “状态”字段不为空,在遍历数组中的每个值进行查询。

  • 相关阅读:
    sql 一些语法 聚合函数,…
    SQL标准
    margin:auto 和margin:0 auto的区别
    div居中
    相对问题和绝对问题
    有三行文字,每行最多80个字符,求其中大写字母,小写字母,数字,空格和其他
    输入n个字符串,将以A打头的字符串输出
    判断一个字符串是否是回文字符串
    从键盘键入5个国家的名字,按字典序输出
    输入五个字符串,输出最长的字符串
  • 原文地址:https://www.cnblogs.com/dushan/p/4778897.html
Copyright © 2011-2022 走看看