最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js之datatables的处理方法实例

来源:动视网 责编:小采 时间:2020-11-27 20:01:00
文档

js之datatables的处理方法实例

js之datatables的处理方法实例:本文主要和大家分享js之datatables的处理方法实例,希望能帮助到大家。/** * 初始化表单 */ me.initDatatable = function() { me.interns0301Table = $("#interns0301Table").DataTable({ // 让表头与表格对齐
推荐度:
导读js之datatables的处理方法实例:本文主要和大家分享js之datatables的处理方法实例,希望能帮助到大家。/** * 初始化表单 */ me.initDatatable = function() { me.interns0301Table = $("#interns0301Table").DataTable({ // 让表头与表格对齐


本文主要和大家分享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的处理方法实例

js之datatables的处理方法实例:本文主要和大家分享js之datatables的处理方法实例,希望能帮助到大家。/** * 初始化表单 */ me.initDatatable = function() { me.interns0301Table = $("#interns0301Table").DataTable({ // 让表头与表格对齐
推荐度:
标签: 方法 处理 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top