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语句:

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

时间: 2024-10-11 17:06:00

eaeyui-combobox实现组合查询(即实现多个值得搜索)的相关文章

一个窗体实现四个功能——组合查询

在做"机房"的过程中,有很多相同功能的窗体,在敲第一次的时候由于是处在学习和练习的阶段,对于重复的功能和代码还是比较待见的.因为初次在很菜的情况下自主建立一个系统,总想着多练练,能熟练些,不能说是背(也背不了),但想将其形成常识. 每次进步一点点.这次再做,虽说换了一种语言,但业务逻辑方面需要思考就少了很多.再加之,在此之前学习了设计模式.说起设计模式,心里没底,还好设计模式的讲解语言通俗易懂,常以小故事的形式进行引导.设计模式的目的是将程序设计成可复用性强.灵活性好.安全性高.性能稳

VB.NET+三层 机房收费系统之组合查询

关系组合查询已经用去了4天的时间.每天都在痛苦中煎熬,绞尽脑汁,一句代码都要瞪大眼睛看好长时间,有时候.由于两句话颠倒了.就nothing了:有时候,由于table如何可以转换成实体类型.将自己困住了.一想就是半天.状况不断呀.看了非常多师哥师姐们的代码,他们分享着自己的代码.为了给大家一点东西,给拿出自己给大家分享.期望大家能给点意见. 步骤: (1).首先建立实体,实体是用来存储变量的. (2).建立B层,B层除了有调用D层的函数,同一时候,它也有将汉字转换为sql中的字段的功能. (3).

组合查询(机房重构知识点总结)

历经n多天,组合查询模板终于做完了,总结一下这几天的成果,和大家一起学习交流. 先看一下父窗体的关键代码: 父窗体代码: Public Class frmComboQuery Protected Overridable Sub frmComboQuery_Load(sender As Object, e As EventArgs) Handles MyBase.Load Dim ComboxArray(4) As ComboBox '定义控件数组,获取组合框 ComboxArray(0) = c

机房收费系统之—组合查询

在敲组合查询的时候,我遇到了很多问题,比如说查询的语法怎么连接啊,怎么让控件中的文本信息也就是说字段名,组合关系对应数据库表中的字段哪? 也就是说我们要让卡号=Cardno,让姓名=StudentName ,这样我们在查询的时候才方便了,反成不能直接给Combox的text里面上英文的吧? 于是就定义个函数,让它实现这个功能,函数如下. <span style="font-size:18px;">Public Function Field(i As String) As S

webform:分页组合查询

一个简单的分页组合查询页面 /// <summary> /// 查询方法 /// </summary> /// <param name="tsql">SQL语句</param> /// <param name="hh">哈希表</param> /// <returns></returns> public List<Goods> Select(string un

WebForm 分页与组合查询

1.封装实体类 2.写查询方法 //SubjectData类 public List<Subject> Select(string name) { List<Subject> list = new List<Subject>(); cmd.CommandText = "select *from Subject where SubjectName like @a "; cmd.Parameters.Clear(); cmd.Parameters.Add

ADO.NET组合查询及其分页合并

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server&quo

webform(八)组合查询

组合查询就是根据条件取出某些数据并展示出来. 前台代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>组合查询</title> &l

WebForm组合查询

封转类 using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <summary> /// Car 的摘要说明 /// </summary> public class Car { public int ids{get;set;} public string code{get;set;} public string name{get;set;} public st