搬砖中的小事之代码（十）--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>