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" />

               

 <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", //渲染样式:Bootstrapjquery-ui
"pagingType": "full_numbers", //分页样式:simple,simple_numbers,full,full_numbers
"bFilter": true,
"bSort": false,
/*"scrollX": true,*/
"fnInitComplete":function (oSettings, json) {

},
"columns": []
})

1 0