datatables的相关问题 和总结
获取某一列的全部数据
var api=this.api();
areas=api.column(0).data();
pos=api.column(1).data();
有时候 $('#example').dataTable 小写时也还需要api
render中的row里面包含的数据是当前行里面所有的数据
render:function(data,type,row)
老版本与新版本ajax写法
ajax:{老版本
"type":"post",
"url":url,
"dataSrc": function (mdata) {
if(mdata.total){
sessionStorage.setItem("totalCount",mdata.total);
}
return mdata.data;
}
},
ajax: {
"url":'/api/birds/showClusterBad',
"traditional": true,
"data":{
},
"dataSrc": function (myData) {
$("#groScreen").removeClass("disabled");
if (!myData.success || myData.data == null) {
return [];
} else {
var a = [];
$.each(myData.data,function(i,v){
a.push(myData.data[i]);
})
return a;
}
}
},
新版
"ajax": {
"url": url
// "type":"post"
//默认为data,这里定义为demo
// "dataType": 'jsonp'
// //默认为data,这里定义为demo
// "dataSrc": function (mdata) {
// console.log(mdata);
// if(mdata.total){
// sessionStorage.setItem("totalCount",mdata.total);
// }
// return mdata.data;
// }
},
option一些参数配置意思
"displayLength" : 10,//显示条数
"deferRender": true,//大数据量处理,加快速度;
"processing": true,
"destroy": true,
"retrieve":true,
language:
"processing": "正在加载数据...",
"loadingRecords":" ",如果没有加载到数据的 话 就啥都不提示,默认是:“没有找到数据”
// "sZeroRecords": "抱歉, 没有找到",
"infoEmpty": "无记录",
"decimal":",",
"thousands":".",
"paginate": {
"previous": "上一页",
"next": "下一页",
"first": "首页",
"last": "尾页"
}
自定义事件
// var eventFired = function(type) {
//
// if(type=="翻页"){
// var b=$('body')[0];
// b.style.backgroundColor="red";
// console.log('aaaa');
//
// console.log('cccc');
// }
// }
// $('#table_id_example').on('order.dt',
// function() {
// eventFired('排序');
// }).on('search.dt',
// function() {
// eventFired('搜索');
// }).on('page.dt',
// function() {
/ / eventFired('翻页');
// }).dataTable();