首先一个搜索的input框
用户名称:
给那个按钮一个点击事件onclick="search()"
js如下
var table; function search() { table.draw(); } $(function () { if (table == null) { table = $('.table-sort').DataTable({ "aaSorting": [[2, "desc"]],//默认第几个排序 "bStateSave": true,//状态保存 "serverSide": true, //启用服务器端分页 "searching": false, "sAjaxSource": "/dataGrid.json", "sPaginationType": "full_numbers", //翻页界面类型 "oLanguage": { //汉化 "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有检索到数据", "sInfo": "当前数据为从第 _START_ 到第 _END_ 条数据;总共有 _TOTAL_ 条记录", "sInfoEmtpy": "没有数据", "sInfoFiltered":'',//设置为空 相当于删除 (从 _MAX_ 条中过滤) "sProcessing": "正在加载数据...", "oPaginate": { "sFirst": "首页", "sLast": "尾页" } }, "fnServerData": function (sSource, aoData, fnCallback) { aoData.push({ "name":"name","value":$("#name").val()}) $.ajax({ "dataType": 'json', "type": "POST", "url": sSource, "data": aoData, "success": fnCallback }); }, //列表表头字段 "columns": [ { "mData": "id", "mRender": function (data, type, full) { return '' } }, ...//此处省略 ] }); } table.draw(); });
加上红色的就可以了。好简单。。我都感到意外了。