今天遇到这样的问题,就是利用jQuery dataTables表格插件,将我后台返回来的JSON数据填充,但是不能分页,而是显示全部的数据,很奇怪,这是运行的截图和jQuery dataTables参数的设置,大牛们帮忙看看,小弟也是刚接触jQuery dataTables。
function loadCustomerInfo(){
var datatable;
if(datatable == undefined || datatable == "undefined" || datatable == null){
$("#exportTable").show();
datatable=$("#exportTable").dataTable({
"sPaginationType": "full_numbers",
"bFilter":false,
"bSort":false,
"iDisplayLength": 5,
"bRetrieve":true,
"bPaginate":true,
"bLengthChange": false,
"bStateSave" :false,
"bServerSide": true,
"aoColumns": [ {"mDataProp":"customerID"},
{"mDataProp":"customerName"},
{"mDataProp":"customerTel"},
{"mDataProp":"salesDate"},
{"mDataProp":"operate",
"mRender": function(data, type, full) {
return '<A href="../OrderdetailsServlet?customerID='+data+'" target="_blank">订单详情</A>';}
}],
"oLanguage":{
"sLengthMenu": "每页显示 _MENU_ 条记录",
"sZeroRecords": "没有检索到数据",
"sInfo": "显示 _START_-_END_ 条数据;共有 _TOTAL_ 条记录",
"sInfoEmtpy": "没有数据",
"sProcessing": "正在加载数据...",
"oPaginate":
{
"sFirst": "首页",
"sPrevious": "上一页",
"sNext": "下一页",
"sLast": "尾页"
}
},
"sAjaxSource" : "../CustomerServlet?rand="+Math.random(),
"fnServerData" : function(sSource, aoData, fnCallback){
$.getJSON(
sSource,
{contractID:$("#contractID").val(),
customerName:encodeURI(encodeURI($("#customerName").val())),
customerTel:$("#customerTel").val(),
aoData:JSON.stringify(aoData)} ,
function callback(data){
fnCallback(data);
});
}
});
}
else{
datatable.fnDestroy();
}
datatable.fnDraw();
}
[img]
[/img]
相关推荐
Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能
JQuery DataTables示例,包含分页、拖拽、导出,前端、后台分页都有,项目直接导入就可以使用,项目框架是struts2写Web项目。
开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery.dataTables.min开发工具 jquery....
适合前端初学者 jquery中的datatable使用ajax读取数据 并展示表格数据
仿jquery.dataTables的分页(查询+排序),jquery插件式开发简单示例。
jQuery datatables小实例demo可实现ajax数据请求对接,模拟访问json文件,回显数据展示,可搜索、排序、自定也显示条数据、分页,动态表格代码。
jquery 分页插件 dataTables 仅包含demo_table.css,jquery.dataTables.js,jquery.js
springboot+mybatis项目jsp+jquery+datatables.js+bootstrap前端分页.我只贴了controller还有jsp页面,还有相关js,希望能帮到初学者
jquery-datatables-rails, 用于 Rails的jquery数据表 gem jquery-datatables-rails 这个 gem 为 jQuery DataTables插件提供了方便,以便与 Rails 资产pipleine结合使用。 它提供所有基本的datatable文件,以及一些...
jquery datatables前后台数据交互分页实例。
jQuery Datatables
使用DataTable默认的ajax交互功能,对传给后台和从后台获取的数据都有命名格式要求,这样一来耦合度较高,不利于后期扩展,不能直接适用于需要跟多种不同前端或其他业务交互的项目。本例子主要展示了自行封装请求...
jquery dataTables两种版本 jquery两种版本 及相关css
官方下载 datatables所需包文件
hibernate分页(无排序,搜索,仅仅分页显示),服务器端分页在datatables上展现,有关 datatables的知识请关注它的官网http://www.datatables.net/,datatables的功能很 全面。 2,建表的sql--studentinfo和插入...
使用DataTable默认的ajax交互功能,对传给后台和从后台获取的数据都有命名格式要求,这样一来耦合度较高,不利于后期扩展,不能直接适用于需要跟多种不同前端或其他业务交互的项目。本例子主要展示了自行封装请求...
jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序、浏览器分页、服务器分页、筛选、格式化等功能。 分页、排序、检索 Datatable与json之间数据转换,一个详细完整的例子!
使用JQuery.Datatables再也不用烦恼了,非常方便的集成插件,还是老外牛叉啊!
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能,包括排序、分页、扩展、主题、国际化等
DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。