datatable表格框架服务器端分页查询设置
js代码如下:
$('#mytable').dataTable(
{
"bServerSide": true, //开启服务器模式,使用服务器端处理配置datatable。注意:sAjaxSource参数也必须被给予为了给datatable源代码来获取所需的数据对于每个画。 这个翻译有点别扭。开启此模式后,你对datatables的每个操作 每页显示多少条记录、下一页、上一页、排序(表头)、搜索,这些都会传给服务器相应的值。
"sAjaxSource": "ajax.php", //给服务器发请求的url
"aoColumns": [ //这个属性下的设置会应用到所有列,按顺序,没有是空
{"sDefaultContent": ''},//checkbox column 相当于占位符,等待填充。也可以指定值如 {"mData": 'ip'}
{"sDefaultContent": ''},//ip column
{"sDefaultContent": ''},//nip column
{"sDefaultContent": ''},//role column
{"sDefaultContent": ''},//gamenserver column
{"sDefaultContent": ''},//serverid column
{"sDefaultContent": ''},//status column
{"sDefaultContent": ''},//remark column
{"sDefaultContent": ''},//ctime column
{"sDefaultContent": '', "sClass": "action"},//sClass 表示给本列加class
],
"aoColumnDefs": [//和aoColums类似,但他可以给指定列赋予属性
{"bSortable": false, "aTargets": [0,7,9]}, //这句话意思是第7,9列(从0开始算)不排序 ],
"aaSorting": [[1, "asc"]], //默认排序 "fnRowCallback": function(nRow, aData, iDisplayIndex) {// 给各列填充内容
$('td:eq(0)', nRow).html('<label><input type="checkbox" id="hids[]" value="'+aData.id+'-'+aData.status+'" name="hids[]"></label>'); $('td:eq(2)', nRow).html(aData.nip); var role = aData.role.split(' ');
var href = "";
for(var i=0;i<role.length;i++){
href += '<a href="host.php?ser='+role[i]+'">'+role[i]+'</a> ';
}
$('td:eq(3)', nRow).html(href); $('td:eq(4)', nRow).html(aData.gameserver);
$('td:eq(5)', nRow).html(aData.serverid);
$('td:eq(7)', nRow).html(aData.remark);
$('td:eq(8)', nRow).html(aData.ctime); if (aData.status == 1) {
if(aData.hostscreenid){
$('td:eq(1)', nRow).html('<a href="http://11.111.111.11:8081/screen/'+aData.hostscreenid+'"><span style="color:red;">'+aData.ip+'</span></a>');
}else{
$('td:eq(1)', nRow).html("<span style='color:red;'>"+aData.ip+"</span>");
}
$('td:eq(6)', nRow).html("<span style='color:red;'>线下</span>");
} else if (aData.status == 0) {
if(aData.hostscreenid){
$('td:eq(1)', nRow).html('<a href="http://11.111.111.11:8081/screen/'+aData.hostscreenid+'">'+aData.ip+'</a>');
}else{
$('td:eq(1)', nRow).html(aData.ip);
} $('td:eq(6)', nRow).html("<span>线上</span>");
} $('td:eq(9)', nRow).html('<a href="host.php?op=del&id='+aData.id+'"> <button class="btn btn-danger btn-sm">删除</button> </a> <button class="btn btn-success btn-sm" data-toggle="modal"data-target="#myModal'+aData.id+'">编辑 </button> ');
return nRow;
}, }
);
服务器端php代码
$sEcho = $_GET['sEcho'];
$start = $_GET['iDisplayStart'];//从多少开始
$length = $_GET['iDisplayLength'];//数据长度
$sort_th = $_GET['iSortCol_0'];//被排序的列
$sort_type = $_GET['sSortDir_0'];//排序规则 if(!empty($_GET['sSearch'])){
$search = $_GET['sSearch'];
} $where = "";
$order = "";
if ($search) {
$where = " where concat( xx,xx,xx,xx) like '%$search%' ";//查询
} if ($sort_th == 1) {
$order = " order by xx " . $sort_type . " ";
} elseif ($sort_th == 2) {
$order = " order by xx " . $sort_type . " ";
} elseif ($sort_th == 4) {
$order = " order by xx " . $sort_type . " ";
} elseif ($sort_th == 4) {
$order = " order by xx " . $sort_type . " ";
} elseif ($sort_th == 5) {
$order = " order by xx " . $sort_type . " ";
} elseif ($sort_th == 6) {
$order = " order by xx " . $sort_type . " ";
} elseif ($sort_th == 8) {
$order = " order by xx " . $sort_type . " ";
}
$condition = $where . $order; $hosts = getLimitRow("xx,xx,xx,xx", 'table', $condition, $start, $length);
$count = getRecordCount('table');
if(count($hosts) > 0){
$host_screenid = getScreenid();
foreach ($hosts as $index => $values) {
foreach ($values as $field => $value) {
if ($values['status'] == 0) {
$status_str = toutf8('线上');
} else {
$status_str = toutf8('线下');
}
$aaData[$index][$field] = toutf8($value);
$aaData[$index]['statusstr'] = $status_str;
$aaData[$index]['hostscreenid'] = $host_screenid[$aaData[$index]['ip']];
}
} if ($search) {
$dcount = getRecordCount('table', "where concat( xxx,xx,xx) like '%$search%' ");
} else {
$dcount = $count;
}
$json_data = array('sEcho' => $sEcho, 'iTotalRecords' => $count, 'iTotalDisplayRecords' => $dcount, 'aaData' => $aaData);
echo json_encode($json_data);
exit;
}else{
$aaData = array();
$json_data = array('sEcho' => $sEcho, 'iTotalRecords' => $count, 'iTotalDisplayRecords' => 0, 'aaData' => $aaData);
echo json_encode($json_data);
}
datatable表格框架服务器端分页查询设置的更多相关文章
- ThinkPhp框架:分页查询和补充框架知识
上一篇的随笔写的是基本操作,现在可以做一些高级操作,例如有条件的查询数据,有分页的条件查询数据 一.一个条件的查询数据 查询数据自然是先要显示出数据,然后根据条件进行查询数据 (1)显示出表的数据 这 ...
- DataTable插件 后台分页 (服务器端分页)
<script type="text/javascript"> var persontable; var personQueryCondition = { ...
- myBatis学习笔记(10)——使用拦截器实现分页查询
1. Page package com.sm.model; import java.util.List; public class Page<T> { public static fina ...
- EasyUI 之 DataGrid利用用拉姆达表达式实现分页查询
首先,我们在DataGrid的URL中加上我们要查询的条件:查询用户名不是“呵呵”的所有用户. <div> <table id="dg" class=&quo ...
- 基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
前言 基于SpringMVC+Bootstrap+DataTables实现数据表格服务端分页.模糊查询(非DataTables Search),页面异步刷新. 说明:sp:message标签是使用了S ...
- 小书MybatisPlus第4篇-表格分页与下拉分页查询
本文为mybatis系列文档的第4篇,前三篇请访问下面的网址. 小书MybatisPlus第1篇-整合SpringBoot快速开始增删改查 小书MybatisPlus第2篇-条件构造器的应用及总结 小 ...
- .net使用SqlBulkCopy类操作DataTable批量插入数据库数据,然后分页查询坑
在使用SqlBulkCopy类操作DataTable批量插入数据,这种操作插入数据的效率很高,就会导致每一条数据在保存的时间基本一样,在我们分页查询添加的数据是,使用数据的添加时间来排序就会出现每页的 ...
- hibernate框架学习第六天:QBC、分页查询、投影、数据加载策略、二级缓存
QBC查询 1.简单查询 Criteria c = s.createCriteria(TeacherModel.class); 2.获取查询结果 多条:list 单挑:uniqueResult 3.分 ...
- Java_Web三大框架之Hibernate+jsp+HQL分页查询
分页查询无处不在.使用Hibernate+jsp+HQL进行分页查询. 第一步:编写房屋实体类和House.hbm.xml映射. /* * 房屋实体类 */ public class House { ...
随机推荐
- poj 1185(状态压缩DP)
poj 1185(状态压缩DP) 题意:在一个N*M的矩阵中,‘H'表示不能放大炮,’P'表示可以放大炮,大炮能攻击到沿横向左右各两格,沿纵向上下各两格,现在要放尽可能多的大炮使得,大炮之间不能相互 ...
- iPhoneX设计尺寸和适配
被iPhone X刷了一天屏,到下午实在受不了各种假帖.标题写着“iPhone X 适配.指南.设计稿” 内容却是发布会回顾和手机介绍.索性自己去官网找素材写一篇只针对iPhone X适配的贴子,与设 ...
- 【Python】Python文件系统功能:os模块
1.os模块方法分类 (1)目录: chdir() 改变工作目录 chroot() 设定当前进程的根目录 listdir() 列出指定目录下的所有文件名 mkdir() 创建指定目录 makedirs ...
- 【Linux】Linux定时任务Crontab命令详解
linux 系统则是由 cron (crond) 这个系统服务来控制的.Linux 系统上面原本就有非常多的计划性工作,因此这个系统服务是默认启动的.另 外, 由于使用者自己也可以设置计划任务,所以, ...
- 【Java并发编程】之九:死锁
当线程需要同时持有多个锁时,有可能产生死锁.考虑如下情形: 线程A当前持有互斥所锁lock1,线程B当前持有互斥锁lock2.接下来,当线程A仍然持有lock1时,它试图获取lock2,因为线程B ...
- Day24-part1-原生Ajax
参考老师博客:http://www.cnblogs.com/wupeiqi/articles/5703697.html 主要讲了:发数据的3种方式以及上传文件的3种方式.(后续需要总结) 一,原生Aj ...
- 学习Spring Boot:(九)统一异常处理
前言 开发的时候,每个controller的接口都需要进行捕捉异常的处理,以前有的是用切面做的,但是SpringMVC中就自带了@ControllerAdvice ,用来定义统一异常处理类,在 Spr ...
- 美团codeM之美团代金券
前天做了下美团的一个codeM比赛的资格赛,遇到一个题目挺有意思的,所以现在做一下总结. 题目描述 美团的每一个用户都有一个用户代金券的消费记录日志,每位用户都能购买若干种代金券,但是每一种代金券最多 ...
- 【bzoj3573】 Hnoi2014—米特运输
http://www.lydsy.com/JudgeOnline/problem.php?id=3573 (题目链接) 题意 题意是这道题最大的难点→_→ Solution 沙茶树形dp,考虑一定会存 ...
- MySQL总结小妙招
mysql5.7版本,免登陆修改管理员密码: vim /etc/my.cnf 加入skip-grant-tables,重启MySQL 终端输入 mysql ,直接登录MySQL数据库,然后use my ...