zoukankan      html  css  js  c++  java
  • jqgrid 自定义文本框、选择框等查询

    要实现jqgrid的自定义查询可通过表格获取查询的条件,再给jqgrid表格发送postData参数。

    HTML:

    <table id="querytable" border="0" cellspacing="0" cellpadding="0" class="table">
      <tr>
        <td>
        <label>性别:</label>
        </td>
        <td>
          <select id="sex" name="sex">
            <option value="1"></option>
            <option value="2"></option>
          </select>
        </td>
      </tr>
      <tr>
        <td>
          <label>部门</label>
        </td>
        <td>
          <input type="text" id="department" name="department">
        </td>
      </tr>
    </table>

     Js:

    $("#find").click(function () {
                var queryParams = jgGrid.getGridParam();                        //取到jqgrid的参数
                queryParams["postData"].params =  $("#querytable").formobj();    //把查询条件表格的数据给过去
                $("#list2").jqGrid('setGridParam', {                            //jqgrid表格执行方法把条件参数传过去
                     datatype:'json' ,
                     postData:queryParams
                }).trigger('reloadGrid');    //刷新表格
            });

    这样写了之后,还得在sql语句中加入if判断:

     <select id="selectAll" parameterType="java.lang.Object"  resultType="java.util.Map">
          select name,sex,age,department from user
          <where><if test="params.sex!=null and params.sex!=''">
                 AND sex like '%'||#{params.sex}||'%'
             </if>
             <if test="params.department!=null and params.department!=''">
                 AND department like '%'||#{params.department}||'%'
             </if>
          </where>
      </select>

    即可。

  • 相关阅读:
    牛客多校第一场 A Equivalent Prefixes 单调栈(笛卡尔树)
    HDU多校第三场 Hdu6606 Distribution of books 线段树优化DP
    (待写)
    Hdu6586 String 字符串字典序贪心
    2019HDU多校第一场1001 BLANK (DP)(HDU6578)
    iOS触摸事件
    iOS获取相册/相机图片-------自定义获取图片小控件
    自定义表情输入框
    iOS版本、iPhone版本、Xcode版本比对
    Swift备忘录
  • 原文地址:https://www.cnblogs.com/lintu-kong/p/12130976.html
Copyright © 2011-2022 走看看