搬砖中的小事之代码（十）--EasyUI多条件组合查询的实现

EasyUI多条件组合查询实现：

下拉框使用select,添加属性class=”easyui-combobox”，其次设置默认值（也就是什么不选的时候），应该添加一个空的

只需要给option的属性value赋值为空串，写成：value=””

下面是具体的代码实现：

jsp页面代码：

<!-- 定义Grid -->
<table id="customerdg">
</table>
<div id="customertb" style="padding:2px 5px;">
<input id="customerCode" class="easyui-textbox" label="客户编码：" data-options="prompt:'客户编码...'" style="width:15%;">
<input id="customerNameShort" class="easyui-textbox" label="客户简称：" data-options="prompt:'客户简称...'" style="width:15%;">
<!-- 1、已立项；2、沟通中；3、已报卷；4、已上线；5、合作中止； -->
<select id="customerStatus" class="easyui-combobox" style="width:200px;" name="status"  data-options="prompt:'请选择...',
label: '客户状态:',
labelPosition: 'left'
">
<!-- 添加默认选项--请选择，为不选择任何一个下拉框子选项 -->
<option value="">请选择</option>
<option value="1">已立项</option>
<option value="2">沟通中</option>
<option value="3">已报卷</option>
<option value="4">已上线</option>
<option value="5">合作中止</option>
</select>
<select id="customerChecked" class="easyui-combobox" style="width:200px;" name="checked"  data-options="prompt:'请选择...',
label: '审核状态:',
labelPosition: 'left'
">
<!-- 添加默认选项--请选择，为不选择任何一个下拉框子选项 -->
<option value="">请选择</option>
<option value="1">未审核</option>
<option value="2">审核中</option>
<option value="3">审核成功</option>
<option value="4">审核失败</option>
</select>
<a id="customersearch" href="#" class="easyui-linkbutton" iconCls="icon-search">查询</a>
</div>

对应的js获取字段的值写法：

//查询(四个搜索条件：客户编码+客户简称+客户状态+审核状态)
$('#customersearch').bind("click", function(){
var obj = {
"code": $("#customerCode").val()||undefined,
"status": $("#customerStatus").val()||undefined,
"checked": $("#customerChecked").val()||undefined,
"nameShort": $("#customerNameShort").val()||undefined

};
$('#customerdg').datagrid('load',  obj );
});

其次在dao.xml的查询配置，注意加上每个字段的非空判断和trim()去除空格的判断：

部分代码实例：

<select id="queryList" resultMap="BaseResultMap">
select * from crm_customer
<where>
deleted=0
<if test="code != null and code.trim() !=''" >
and code = #{code}
</if>
<if test="name != null and name.trim() !=''">
and name = #{name}
</if>
<if test="nameShort != null and nameShort.trim() !=''">
and name_short like CONCAT(CONCAT('%', #{nameShort}), '%')
</if>
<if test="status != null and status.trim() !=''">
and status = #{status}
</if>
<if test="checked != null and checked.trim() !=''">
and checked = #{checked}
</if>
</where>
<if test="order != null and sort != null ">
order by ${sort} ${order}
</if>
<if test="offset != null and limit != null ">
limit #{offset}, #{limit}
</if>
</select>