1. 程式人生 > >【常用 JS 外掛】jQuery DataTables 自定義查詢

【常用 JS 外掛】jQuery DataTables 自定義查詢

前提

因為需要根據不同的分類查詢資料,可以點選一個按鈕,重新重新整理表格。

在這裡插入圖片描述

js

 "ajax": {
      "url": "/article/page",
      "data":function (d) {
           d.cid = $("#cid").val();
           d.key = $("#key").val();
       }
}

$("#btn").bind("click", function () {
    $("#articleTable").dataTable().fnDraw(false);
});

後臺

 <select id="page" resultType="Article" parameterType="map">
    SELECT
    <include refid="articleColumns" />
     FROM article AS a
     <where>
        <if test="cid != null">
            AND a.cid LIKE CONCAT ('%', #{cid}, '%')
        </if>
        <if test="
key != null"
>
AND a.aname LIKE CONCAT ('%', #{key}, '%') </if> </where> order by a.updated desc LIMIT #{page}, #{pageSize} </select>