本文主要和大家分享js之datatables的处理方法实例,希望能帮助到大家。
/**
* 初始化表单
*/
me.initDatatable = function() {
me.interns0301Table = $("#interns0301Table").DataTable({
// 让表头与表格对齐
"autoWidth": true,
"processing": true,
"serverSide": true,
// 表格数据减少时,表格的高度也跟着减少
"scrollCollapse": true,
"ajax" : {
"url": $ctx + "/interns0301/queryList",
"type": "post",
"data" : function(params) {
// 页面显示记录条数,在页面显示每页显示多少项的时候
params.pageSize = params.length;
// 当前页码
params.pageNo = (params.start / params.length) + 1;
// 序列化表单元素为JSON对象
var dataJson = eims.serialize('interns0301Form');
$.extend(params, dataJson);
return params;
},
"dataType" : "json"
},
"columnDefs": [
{
"defaultContent": "",
"targets": "_all"
}
],
"sPaginationType": "full_numbers",
// 将后台得到的值放进对应字段中
"columns": [
{
// 全选框,传入id等参数
"data": null,sClass: "text-center","render": function(data, type, row, meta){
return '<input class="checkall" type="checkbox"><input type="text" hidden value="'+row.id+'">';
}},
{"data": "groupNumber",sClass: "text-center" ,"render": function ( data, type, row, meta ) {
return '<a href="#" onclick="javascript:interns.interns0301.showInterns0302Update(\'' + row.id+ '\')">' + data + '</a>';}},
{"data": "groupName",sClass: "text-center"},
{"data": "projectNumber",sClass: "text-center"},
{"data": "projectSimname",sClass: "text-center"},
{"data": "unitNumber",sClass: "text-center"},
{"data": "unitSimname",sClass: "text-center"},
{"data": "entryDate",sClass: "text-center"},
],
// 回调函数,全选框的处理
"drawCallback": function(settings){
$("#selectAll").prop("checked", false);
me.checkBox();
}
});
// 加载页面
me.interns0301Table.ajax.reload();
};相关推荐:
JQuery.dataTables表格插件跳转到指定页实例分享
jQuery插件datatables的用法及如何实现分页代码详解
jQuery datatables是什么?datatables如何使用?
以上就是js之datatables的处理方法实例的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号