datatables 增、删、查、改

前提: datatable 定义

var table = $('#example').DataTable({"ajax": "donor/book_donation_data.php",responsive: true,//data: data,columns: [{data: 'id'},{data: 'donor'},{data: 'book_name'},{data: 'author'},{data: 'publishing_time'},{data: 'price'},{data: 'donor_duplicate'},{data: 'holdings'},{data: 'call_number'},{data: 'donation_time'}],"fnPreDrawCallback": function(oSettings) {$('.dataTables_filter input').attr({'name': 'search','placeholder': '搜索站内新闻公告'}); //提示},language: {        "sProcessing": "处理中...","sLengthMenu": "显示 _MENU_ 项结果","sZeroRecords": "没有匹配结果","sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项","sInfoEmpty": "显示第 0 至 0 项结果，共 0 项","sInfoFiltered": "(由 _MAX_ 项结果过滤)","sInfoPostFix": "","sSearch": "搜索:","sUrl": "","sEmptyTable": "表中数据为空","sLoadingRecords": "载入中...","sInfoThousands": ",","oPaginate": {            "sFirst": "首页","sPrevious": "上页","sNext": "下页","sLast": "末页"        },"oAria": {            "sSortAscending": ": 以升序排列此列","sSortDescending": ": 以降序排列此列"        }    }
});

新增 : 参考 http://www.datatables.club/example/api/add_row.html

table.row.add( [data.mydata[0].d1,data.mydata[0].d2,data.mydata[0].d3,data.mydata[0].d4,data.mydata[0].d5,data.mydata[0].d6,data.mydata[0].d7,data.mydata[0].d8,data.mydata[0].d9
] ).draw();

修改参考: https://datatables.net/reference/api/row().data()

var data_list = data.mydata[0];
var d = table.row('.selected').data();d.id = data_list.id;
d.donor = data_list.donor;
d.book_name = data_list.book_name;
d.author = data_list.author;
d.publishing_time = data_list.publishing_time;
d.price = data_list.price;
d.donor_duplicate = data_list.donor_duplicate;
d.holdings = data_list.holdings;
d.call_number = data_list.call_number;
d.donation_time = data_list.donation_time;table.rows('.selected').invalidate();table.rows('.selected').data(d).draw();

删除

table.rows('.selected').remove().draw();

查询

1.自定义查询框

div class="am-u-sm-12 am-u-md-4"><div class="am-input-group"><input id="donor_search_input" type="text" class="am-form-field"><span class="am-input-group-btn"><button id="donor_search_btn" class="am-btn am-btn-default" type="button">搜索</button></span></div></div>

2. 自定义查询 js

$('#donor_search_input').on('keyup', function () {table.search(this.value).draw();});$('#donor_search_btn').on('onclick', function () {table.search(this.value).draw();});

datatables 增、删、查、改相关推荐

java 增删查改_如何对java链表进行增、删、查、改操作
如何对java链表进行增.删.查.改操作发布时间:2020-06-23 10:41:33 来源:亿速云阅读:79 作者:Leah 如何对java链表进行增.删.查.改操作?针对这个问题,今天小编总 ...
datatables增删改查php,jQuery+datatables插件实现Ajax加载数据与增删改查功能示例_白峰_前端开发者...
本文实例讲述了这里给大家分享一下我在项目中用datatables实现ajax加载数据与增删改查注意,需要引入  搜索  新增  编辑  删除职业姓名性别爱好 //点击查找 $(" ...
Sqlite 读删查改
1.继承SqliteOpenHelper类 public class MyOpenHelper extends SQLiteOpenHelper {public static final String ...
oracle-增删查改
day01 ==========养成好习惯:Oracle里养成句末打:的习惯,养成多commit的习惯====================== 建表以后修改字段名 alter table stu ...
分享一些简单的删查改sql语句
1.一些简单的按时间查询sql select * from 表名 where RKSJ>'2019-04-03'; 查询大于9月7号的数据 select * from 表名 where rksj ...
Dapper学习笔记（3）-增、删、改、查
一.建表在数据库中建立如下三张表: 1 CREATE TABLE [dbo].[T_User] 2 ( 3 [UserId] [int] IDENTITY(1, 1) PRIMARY KEY NOT ...
RxAndroid之操作数据库SqlBrite（RXAndroid实现数据库的增、删、改、查）
一.查询 1.创建SqlBrite [java] view plaincopy SqlBrite sqlBrite = SqlBrite.create(); 2.将SQLiteOpenHelper的一 ...
ylb：创建数据库、表，对表的增查改删语句
ylbtech-SQL Server:SQL Server-创建数据库.表,对表的增查改删语句 SQL Server 创建数据库.表,对表的增查改删语句. 1,ylb:创建数据库.表,对表的增查改删语 ...
Linux环境下MySQL基础命令（3）----增、删、改、查语句
MySQL中的增.删.改.查命令是最基础的语句,通常应用在对表内数据的维护工作中.本文是对mysql数据库name库中的users表进行实例演示.name库以及users表均为本人建立,并非自带. 1 ...
Day34 数据库的增、删、改、查
1.SQL ( Structure query language ) 结构化查询语言 1.1 SQL语言分为4个部分:DDL(定义).DML(操作).DQL(查询).DCL(控制) 1.DDL语句数 ...

datatables 增、删、查、改

datatables 增、删、查、改相关推荐

最新文章

热门文章