Jquery Datatables 请求参数及接收参数处理
2016-08-10 10:09
288 查看
Jquery Datatables 请求参数及接收参数处理
/** * Created by wb-wuyifu on 2016/8/9. */ /** * Created by wb-wuyifu on 2016/8/9. */ var $ = jQuery; (function () { var App = function () { var self = this; self = $.extend(this, { api: { ajax_list: '*****' , url_monitor: '*****' }, const:{ gridIndex : 0, // 表格索引序号 }, /** * 应用初始化 */ init: function () { self.initComponents(); }, /** * 组件初始化 */ initComponents: function () { // 初始化 表格 self.jGrid = $("#searchGrid").DataTable({ ajax: { url: self.api.ajax_list, // 请求到的数据 dataSrc: function (data) { // 请求到数据时 重置 索引号 self.const.gridIndex = 0; $.extend(data, { iTotalDisplayRecords: data.count, iTotalRecords: data.count, }); return data.rows; }, dataType: 'json', crossDomain: true, // 延迟加载 deferRender: true, // 提交参数 data: function (param) { if (self.jGrid) { param.pageSize = self.jGrid.page.len(); // 取得每页显示记录数返回给服务器 } // 根据起始记录索引 重新计算页码 if(param.start){ param.pageNo = Math.ceil(param.start / (param.pageSize * 1.0)) + 1; }else{ param.start = 1; } return param; } }, serverSide: true, bServerSide :true, ordering: false, info: true, lengthChange: true, searching: false, scrollCollapse: true, pageLength: 30, bAutoWidth: true, stateSave :false, // 自定义每页记录数 下拉菜单 lengthMenu: [ [10, 20, 30, 50, 100], ['10', '20', '30', '50', '100'] ], oLanguage: { "sProcessing": "数据加载中……", "sSearch": "快速检索:", "sLengthMenu": "每页显示 _MENU_ 条", "sInfo": "从 _START_ 到 _END_ 条,总共 _TOTAL_ 条记录", "sZeroRecords": "没有记录", "sInfoEmpty": "暂无记录", "sInfoFiltered": "(一共有 _MAX_ 条记录)", "oPaginate": { "sFirst": "首页", "sPrevious": " 上一页 ", "sNext": " 下一页 ", "sLast": " 末页 " } }, columns: [ { data: null, defaultContent: '', render: function (data, type, row) { return ++self.const.gridIndex; } }, { data: 'a', defaultContent: '' }, { data: 'b', defaultContent: '' }, { data: 'c', defaultContent: '' }, { data: 'd', defaultContent: '' }, { data: 'e', render: function (data, type, row) { var display = [ row.a , ' / ' , row.b , ' / <br/>' , row.c ].join(''); return display; }, }, ] }); } }); self.init(); }.call(); })();
相关文章推荐
- Spring MVC 之请求处理方法可接收参数(三)
- php学习笔记(三十)ajax请求和接收参数的实现方式(包括json数据格式的简单处理)
- Request对象接收表单请求参数的中文乱码处理
- servlet接收get带中文参数请求的处理方法
- struts2请求参数的接收
- 处理请求参数乱码问题
- 学习笔记-----------struts2请求参数接收
- struts2之请求参数接收
- Java 请求参数错误异常处理
- 关于struts2.1.6接收中文请求参数乱码问题
- 【转载】Apache Rewrite处理?问号后的请求参数
- Struts2学习笔记(二)——请求参数的接收
- uclinux内核参数处理(1):参数接收
- Jsp/Servlet接收FORM表格参数时输出乱码的处理
- Struts2接收请求参数原理
- Struts2接收请求参数原理
- Struts2学习笔记(八):请求参数的接收和自定义类型转换器
- JSP中文乱码处理之Servlet接收参数中文乱码处理
- 传智Struts2笔记(8)接收请求参数
- servlet接收get请求参数乱码