博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
datatable 自定义搜索
阅读量:5085 次
发布时间:2019-06-13

本文共 1994 字,大约阅读时间需要 6 分钟。

首先一个搜索的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(); });

加上红色的就可以了。好简单。。我都感到意外了。

转载于:https://www.cnblogs.com/xuerong/p/8709946.html

你可能感兴趣的文章
java编写提升性能的代码
查看>>
list 容器 排序函数.xml
查看>>
《Genesis-3D开源游戏引擎完整实例教程-跑酷游戏篇03:暂停游戏》
查看>>
CPU,寄存器,一缓二缓.... RAM ROM 外部存储器等简介
查看>>
git .gitignore 文件不起作用
查看>>
Alan Turing的纪录片观后感
查看>>
c#自定义控件中的事件处理
查看>>
IOS--沙盒机制
查看>>
使用 JointCode.Shuttle 访问任意 AppDomain 的服务
查看>>
sqlite的坑
查看>>
digitalocean --- How To Install Apache Tomcat 8 on Ubuntu 16.04
查看>>
【题解】[P4178 Tree]
查看>>
Mongo自动备份
查看>>
cer证书签名验证
查看>>
synchronized
查看>>
【深度学习】caffe 中的一些参数介绍
查看>>
Python-Web框架的本质
查看>>
QML学习笔记之一
查看>>
Window 的引导过程
查看>>
App右上角数字
查看>>