本文主要和大家分享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如何使用?
Atas ialah kandungan terperinci js之datatables的处理方法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!