jquery datatables自定义返回结果
来源:互联网 发布:多伦多大学 知乎 编辑:程序博客网 时间:2024/05/20 19:50
<link rel="stylesheet" type="text/css" href="js/bootstrap/dist/css/bootstrap.css" />
<!--<link rel="stylesheet" type="text/css" href="js/datatables2/media/css/jquery.dataTables.css">-->
<link rel="stylesheet" type="text/css" href="js/datatables2/media/css/dataTables.bootstrap.css" />
<!--<link rel="stylesheet" type="text/css" href="js/datatables2/media/css/jquery.dataTables.css">-->
<link rel="stylesheet" type="text/css" href="js/datatables2/media/css/dataTables.bootstrap.css" />
<script type="text/javascript" language="javascript" src="js/datatables2/media/jquery-1.12.4.js"></script>
<script type="text/javascript" src="js/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" language="javascript" src="js/datatables2/media/js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="js/datatables2/media/js/dataTables.bootstrap.js"></script>
$('#tbl').DataTable({
"ajax" : function (data, callback, settings) {
//封装请求参数
var param = {};
$scope.param.lineNumber = data.length;//页面显示记录条数,在页面显示每页显示多少项的时候
$scope.param.pageNumber = (data.start / data.length)+1;//当前页码
varreturnData = {};
returnData.recordsTotal = 0;//返回数据全部记录
returnData.recordsFiltered = 0;//后台不实现过滤功能,每次查询均视作全部结果
returnData.data = [];//返回的数据列表
$http.post('/hb/UserInfo/getPageList.json', $scope.param).then(function(response){
//$log.info(response.data);
varresultData = response.data;
returnData.recordsTotal = resultData.totalCount;//返回数据全部记录
returnData.recordsFiltered = resultData.totalCount;//后台不实现过滤功能,每次查询均视作全部结果
returnData.data = resultData.result;//返回的数据列表
// $log.info(resultData);
callback(returnData);
}, function(err){
alert("数据加载请求异常");
});
},
"serverSide":true,
"language":$scope.datatables_lang, //提示信息
"renderer": "bootstrap", //渲染样式:Bootstrap和jquery-ui
"pagingType": "full_numbers", //分页样式:simple,simple_numbers,full,full_numbers
"bFilter": true,
"bSort": false,
/*"scrollX": true,*/
"fnInitComplete":function (oSettings, json) {
},
"columns": []
})
1 0
- jquery datatables自定义返回结果
- Jquery DataTables 自定义布局sdom
- 【转】jQuery.dataTables 自定义排序
- JQuery DataTables 自定义按钮实现
- 自定义返回结果类
- Jquery DataTables自学笔记 之 自定义布局
- Jquery DataTables自学笔记 之 自定义布局
- JQuery DataTables 列自定义数据类型排序
- jQuery DataTables插件自定义Ajax分页实现
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
- datatables自定义
- jquery dataTables
- Jquery-dataTables
- jquery datatables
- jquery datatables
- jQuery DataTables
- jquery datatables
- JQuery DataTables
- 设计模式-外观模式
- PreferenceActivity 偏好设置
- jQuery的选择器
- java生成验证码工具类
- 吃货联盟
- jquery datatables自定义返回结果
- leetcode:9. Palindrome Number
- Chrome不支持showModalDialog的解决方案
- 安卓开发去除title的方法
- 第十章:DOM(节点层次剩余节点类型介绍)
- 界下科技:支付宝曲线国际化,收购海外移动支付冠上支付宝品牌
- arduino 跑马灯
- SVN库迁移整理方法总结
- DVD租赁