jQuery.datatables js 多层表头，后台分页
//查询按钮
$("#btn_search").click(function () {
//search();
$('#table3').DataTable().ajax.reload(null, false);
}); //--多层表头后台分页table begin----------------------------------------------------------------------------------------------------------------------------
var oTable3;
//*** 查询
function search3() {
if (oTable3 != null) {
oTable3.fnClearTable(false);
oTable3.fnDestroy();
}
oTable3 = $('#table3').dataTable({
"oLanguage": { // 语言设置
"sSearch": "搜索:",
"sLengthMenu": "显示 _MENU_ 项结果",
"sZeroRecords": "没有匹配结果",
"sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
"sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
"sPaginationType": "full_numbers",//详细分页组，可以支持直接跳转到某页
"oPaginate": {
"sPrevious": "上一页",
"sNext": "下一页",
"sLast": "尾页",
"sFirst": "首页"
},
},
"searching": false,//默认是打开的
"bStateSave": true,//状态保存，使用了翻页或者改变了每页显示数据数量，会保存在cookie中，下回访问时会显示上一次关闭页面时的内容
"aaSorting": [[2, 'asc']],//默认的排序方式，第3列，升序排列
"bPaginate": true,//翻页功能
"bLengthChange": true,//改变每页显示数据数量
"aLengthMenu": [[100, 20, 15, 5], [100, 20, 15, 5]],// change per page values here
//"aLengthMenu": [[1, 2, 5, 15], [1, 2, 5, 15]],// change per page values here
"bProcessing": true, //加载数据时显示正在加载信息
//自定义列宽
"bAutoWidth": false,//自动宽度
flexibleWidth: false,//水平滚动
responsive: true,//关闭响应式效果,否则以上设置无效
//------------------------------------------------------------------------
"serverSide": true,//启用服务器端分页
"ajax": function (data, callback, settings) {
$.ajax({
type: "Post",
url: getCookie("address") + "api/TBLSpotInspection/Page",
cache: false, //禁用缓存
data: {
//组装分页参数
"PageIndex": data.draw == 1 ? 0 : data.start / data.length + 1,
"PageSize": data.length,
"draw": data.draw,
No: $("#txtNo").val(),
MachineNO: $("#txtMachineNO").val(),
ProductName: $("#txtProductName").val(),
FDateMonth: $("#txtFDateMonth").val(),
},
dataType: "json",
success: function (res) {
//封装返回数据
var json = JSON.parse(res);//json字串转json对象
var returnData = {};
returnData.draw = json.draw;//draw 请求次数，必要参数，标识数据变更，由前台传递到后台，后台执行完后需回传前台，跟页码没关系，页码是由start 和length 决定的
returnData.recordsTotal = json.recordsTotal;//总记录数
returnData.recordsFiltered = json.recordsFiltered;//后台不实现过滤功能，每次查询均视作全部结果
returnData.data = json.data;//data 是当前页数据，框架是根据,recordsTotal 和 请求中的length 来实现 页码控制的
//调用DataTables提供的callback方法，代表数据已封装完成并传回DataTables进行渲染
//此时的数据需确保正确无误，异常判断应在执行此回调前自行处理完毕
callback(returnData);
},
error: function (error) {
alert(error);
}
})
},
//------------------------------------------------------------------------
"aoColumns": [
{
"mData": "Id", "sTitle": '', "sWidth": "2%",
"aDataSort": false,
"bSortable": false
},
{ "mData": "Id", "sTitle": ' 操作', "sWidth": "5%", "bSortable": false },
{
sTitle: '序号',
sWidth: "5px",
data: null,
className: 'text-center whiteSpace', "bSortable": false,
render: function (data, type, row, meta) {
return meta.row + 1 + meta.settings._iDisplayStart;
}
},
{
"sTitle": "编号", "mDataProp": "No", "sClass": "", "sWidth": "150px", "bSortable": false,
render: function (data, type, row, meta) {
return ''
}
},
{
"sTitle": "日期", "mDataProp": "FDateMonth", "sClass": "", "sWidth": "150px",
render: function (data, type, row, meta) {
if (data) {
var formatedDate = data != ("" || undefined) ? ChangeDateFormat(data) : "";
return formatedDate;
}
else
return data
}
},
{ "sTitle": "机台号", "mDataProp": "MachineNO", "sClass": "", "sWidth": "150px", "bSortable": false },
{ "sTitle": "产品名称", "mDataProp": "ProductName", "sClass": "", "sWidth": "150px", "bSortable": false },
{ "sTitle": "模号", "mDataProp": "MouldNumName", "sClass": "text-center", "sWidth": "150px", "bSortable": false },
{
"sTitle": "产品情况", "mDataProp": "FirstProductState", "sClass": "text-center", "sWidth": "150px", "bSortable": false,
render: function (data, type, row, meta) {
if (data == "Y") {
return "正常";
} else {
return "异常";
}
}
},
{ "sTitle": "生产", "mDataProp": "FirstProducerName", "sClass": "text-center", "sWidth": "150px", "bSortable": false },
{
"sTitle": "报检时间", "mDataProp": "FisrtInspectionTime", "sClass": "text-center", "sWidth": "150px", "bSortable": false,
render: function (data, type, row, meta) {
if (data) {
var formatedDate = data != ("" || undefined) ? ChangeDateTimeFormat(data) : "";
return formatedDate;
}
else
return data
}
},
{ "sTitle": "质量", "mDataProp": "FistQualityPersonName", "sClass": "text-center", "sWidth": "150px", "bSortable": false },
{
"sTitle": "确认时间", "mDataProp": "FirstConfirmTime", "sClass": "text-center", "sWidth": "150px", "bSortable": false,
render: function (data, type, row, meta) {
if (data) {
var formatedDate = data != ("" || undefined) ? ChangeDateTimeFormat(data) : "";
return formatedDate;
}
else
return data
}
},
{ "sTitle": "末件停机原因", "mDataProp": "LastStopReason", "sClass": "text-center", "sWidth": "150px", "bSortable": false },
{ "sTitle": "生产", "mDataProp": "LastProducerName", "sClass": "text-center", "sWidth": "150px", "bSortable": false },
{
"sTitle": "确认时间", "mDataProp": "LastConfirmTime", "sClass": "text-center", "sWidth": "150px", "bSortable": false,
render: function (data, type, row, meta) {
if (data) {
var formatedDate = data != ("" || undefined) ? ChangeDateTimeFormat(data) : "";
return formatedDate;
}
else
return data
}
},
],
"fnCreatedRow": function (nRow, aData, iDataIndex) {
Metronic.initUniform($('td:eq(0)', nRow).html('').find("input"));
$("td:eq(1)", nRow).html('编辑');
},
});
//table展开收起
$('#table3').on('click', 'tr', function () {
$(this).toggleClass('active');
});
}
//行内编辑按钮
function edit3(curId) {
_toPage("productionManage/spotInspectionEdit.html", "curId=" + curId + "&flagOP=edit");
}
//全选/反选 CheckBox
var SelectAll3 = function () {
$("#table3").find("tr").each(function (index) {
$.uniform.update($(":checkbox", this).attr("checked", $('#Select3').is(':checked')));
});
}
///
/// 查询分页
///
///
/// ().Where(t => t.DelFlag == (int)DelFlag.No);//获取所有基础信息类别
var userList = APS.Data.Base.SQLDal.SysLogic.AllUserRoleList();//获取所有人员信息
//var departmentList = UnitOfWork.GetQuery();
var productList = APS.Data.Base.SQLDal.ComLogic.ICItemList();//获取K3物料信息，即产品信息
Expression> condition = null;
Expression> expr = null;
condition = a => a.DelFlag == (int)DelFlag.No;
//condition = a => (1 == 1);//防止Expression报空引用错误
if (!string.IsNullOrEmpty(Params.MachineNO))//机台号
{
expr = a => a.MachineNO.Contains(Params.MachineNO.Trim());
condition = condition.And(expr);
}
if (!string.IsNullOrEmpty(Params.No))//编号
{
expr = a => a.No.Contains(Params.No.Trim());
condition = condition.And(expr);
}
if (Params.FDateMonth != null && Params.FDateMonth != DateTime.MinValue)//日期（年月日）
{
expr = a => a.FDateMonth == Params.FDateMonth;
condition = condition.And(expr);
}
if (!string.IsNullOrEmpty(Params.ProductName))//产品名称
{
var list = productList.Where(t => t.Name.Contains(Params.ProductName.Trim())).Select(t => t.Code);//根据产品名称模糊查询
expr = a => list.Contains(a.ProductId);
condition = condition.And(expr);
}
//if (!string.IsNullOrEmpty(Params.ProductDepartment))//部门
//{
// var list = departmentList.Where(t => t.Name.Contains(Params.ProductDepartment.Trim())).Select(t => t.Id);//根据模具名称模糊查询
// expr = a => list.Contains(a.ProductDepartment);
// condition = condition.And(expr);
//}
//if (!string.IsNullOrEmpty(Params.DutyPerson))//责任人
//{
// var list = userList.Where(t => t.UserName.Contains(Params.DutyPerson.Trim())).Select(t => t.UserId);//根据模具名称模糊查询
// expr = a => list.Contains(a.DutyPerson);
// condition = condition.And(expr);
//}
IEnumerable baseForms = UnitOfWork.GetByPage(out totalCount, pageSize, pageId, a => a.FDateMonth, order, condition);
if (baseForms != null && baseForms.Any())
{
foreach (TBL_SpotInspection item in baseForms)//遍历获取大类名称、类别名称
{
if (!string.IsNullOrEmpty(item.FirstProducer) && userList != null && userList.Any())
{
item.FirstProducerName = userList.FirstOrDefault(t => t.UserId == item.FirstProducer) != null ? userList.FirstOrDefault(t => t.UserId == item.FirstProducer).UserName : string.Empty;
}
if (!string.IsNullOrEmpty(item.FistQualityPerson) && userList != null && userList.Any())
{
item.FistQualityPersonName = userList.FirstOrDefault(t => t.UserId == item.FistQualityPerson) != null ? userList.FirstOrDefault(t => t.UserId == item.FistQualityPerson).UserName : string.Empty;
}
if (!string.IsNullOrEmpty(item.LastProducer) && userList != null && userList.Any())
{
item.LastProducerName = userList.FirstOrDefault(t => t.UserId == item.LastProducer) != null ? userList.FirstOrDefault(t => t.UserId == item.LastProducer).UserName : string.Empty;
}
if (!string.IsNullOrEmpty(item.ProductId))//产品名称
{
item.ProductName = productList.FirstOrDefault(t => t.Code == item.ProductId) != null ? productList.FirstOrDefault(t => t.Code == item.ProductId).Name : string.Empty;
}
if (!string.IsNullOrEmpty(item.MouldNum))//模号
{
item.MouldNumName = entityList.FirstOrDefault(t => t.Id == item.MouldNum) != null ? entityList.FirstOrDefault(t => t.Id == item.MouldNum).Value : string.Empty;
}
if (!string.IsNullOrEmpty(item.MachineNO))//机台号
{
item.MachineName = entityList.FirstOrDefault(t => t.Id == item.MachineNO) != null ? entityList.FirstOrDefault(t => t.Id == item.MachineNO).Value : string.Empty;
}
if (!string.IsNullOrEmpty(item.MouldNum))//模号
{
item.MouldNumName = entityList.FirstOrDefault(t => t.Id == item.MouldNum) != null ? entityList.FirstOrDefault(t => t.Id == item.MouldNum).Value : string.Empty;
}
}
}
System.Web.Script.Serialization.JavaScriptSerializer jss = new System.Web.Script.Serialization.JavaScriptSerializer();
Dictionary dic = new Dictionary();
dic.Add("draw", Params.draw);//请求次数，必要参数，由前台传递到后台，后台执行完后需回传前台
dic.Add("recordsTotal", totalCount);//总记录数
dic.Add("recordsFiltered", totalCount);//过滤后的总记录数
dic.Add("data", baseForms);//具体的数据对象数组
return jss.Serialize(dic);
} public class Q_SpotInspection : Q_Base
{
///
/// 编号
///
public string No { get; set; }
///
/// 机台编号
///
public string MachineNO { get; set; }
///
/// 日期（年月日）
///
public DateTime FDateMonth { get; set; }
/
/ 签字
/
//public string DutyPerson { get; set; }
///
/// 产品名称
///
public string ProductName { get; set; }
} public class Q_Base
{
public Q_Base()
{
PageIndex = 1;
PageSize = 5;
}
///
/// 当前页次
///
public int PageIndex { get; set; }
///
/// 每页大小
///
public int PageSize { get; set; }
///
/// 请求次数，必要参数，标识数据变更，由前台传递到后台，后台执行完后需回传前台
///
public int draw { get; set; }
public int start { get; set; }
public int length { get; set; }
public int search { get; set; }
public string sort { get; set; }//排序字段
public string order { get; set; }//升序或降序
///
/// action
///
public string action { get; set; }
///
/// sign
///
public string sign { get; set; }
///
/// sqlStr
///
public string sqlStr { get; set; }
///
/// Code
///
public string Code { get; set; }
///
/// Name
///
public string Name { get; set; }
///
/// BaseId
///
public string BaseId { get; set; }
///
/// str1
///
public string str1 { get; set; }
///
/// str2
///
public string str2 { get; set; }
///
/// str3
///
public string str3 { get; set; }
}