搜一下百度,北京推广优化经理,网络推广渠道有哪些,网站建设公司的市场开拓方案基本在公司使用的datagrid不需要自己写前台代码#xff0c;只需要自己给grid明确id#xff0c;url以及列属性即可。 后台需要返回一个数据类型#xff1a;{recordsFiltered2, data[], drawnull, recordsTotal2}#xff0c;通常返回这个数据类型的话#xff0c;只需要调用d… 基本在公司使用的datagrid不需要自己写前台代码只需要自己给grid明确idurl以及列属性即可。 后台需要返回一个数据类型{recordsFiltered2, data[], drawnull, recordsTotal2}通常返回这个数据类型的话只需要调用datatable.js的ajaxTableQuery方法即可。由于业务需要无法使用ajaxTableQuery于是我自己返回了MapString, Object类型result.put(draw, null);result.put(recordsTotal, 2);result.put(recordsFiltered, 2);result.put(data, list);由于很少接触并了解datagrid前台代码故出现问题除了百度没有其他更好的方法所以记录下来datagrid的前台代码了解其主要属性后才将问题解决掉。 来源http://www.jb51.net/article/84751.htm body div classrow-fluid h3JQuery DataTables插件自定义分页Ajax实现/h3 table idexample classdisplay table-striped table-bordered table-hover table-condensed cellspacing0 width100% thead tr th编号/th th姓名/th th性别/th /tr /thead /table /div script srchttp://cdn.bootcss.com/datatables/1.10.11/js/jquery.js/script script srchttp://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js/script script srchttp://cdn.bootcss.com/datatables/1.10.11/js/jquery.dataTables.min.js/script script srchttp://cdn.bootcss.com/datatables/1.10.11/js/dataTables.bootstrap.min.js/script script typetext/javascript $(function () { //提示信息 var lang { sProcessing: 处理中..., sLengthMenu: 每页 _MENU_ 项, sZeroRecords: 没有匹配结果, sInfo: 当前显示第 _START_ 至 _END_ 项共 _TOTAL_ 项。, sInfoEmpty: 当前显示第 0 至 0 项共 0 项, sInfoFiltered: (由 _MAX_ 项结果过滤), sInfoPostFix: , sSearch: 搜索:, sUrl: , sEmptyTable: 表中数据为空, sLoadingRecords: 载入中..., sInfoThousands: ,, oPaginate: { sFirst: 首页, sPrevious: 上页, sNext: 下页, sLast: 末页, sJump: 跳转 }, oAria: { sSortAscending: : 以升序排列此列, sSortDescending: : 以降序排列此列 } }; //初始化表格 var table $(#example).dataTable({ language:lang, //提示信息 autoWidth: false, //禁用自动调整列宽 stripeClasses: [odd, even], //为奇偶行加上样式兼容不支持CSS伪类的场合 processing: true, //隐藏加载提示,自行处理 serverSide: true, //启用服务器端分页 searching: false, //禁用原生搜索 orderMulti: false, //启用多列排序 order: [], //取消默认排序查询,否则复选框一列会出现小箭头 renderer: bootstrap, //渲染样式Bootstrap和jquery-ui pagingType: simple_numbers, //分页样式simple,simple_numbers,full,full_numbers columnDefs: [{ targets: nosort, //列的样式名 orderable: false //包含上样式名‘nosort的禁止排序 }], ajax: function (data, callback, settings) { //封装请求参数 var param {}; param.limit data.length;//页面显示记录条数在页面显示每页显示多少项的时候 param.start data.start;//开始的记录序号 param.page (data.start / data.length)1;//当前页码 //console.log(param); //ajax请求数据 $.ajax({ type: GET, url: /hello/list, cache: false, //禁用缓存 data: param, //传入组装的参数 dataType: json, success: function (result) { //console.log(result); //setTimeout仅为测试延迟效果 setTimeout(function () { //封装返回数据 var returnData {}; returnData.draw data.draw;//这里直接自行返回了draw计数器,应该由后台返回 returnData.recordsTotal result.total;//返回数据全部记录 returnData.recordsFiltered result.total;//后台不实现过滤功能每次查询均视作全部结果 returnData.data result.data;//返回的数据列表 //console.log(returnData); //调用DataTables提供的callback方法代表数据已封装完成并传回DataTables进行渲染 //此时的数据需确保正确无误异常判断应在执行此回调前自行处理完毕 callback(returnData); }, 200); } }); }, //列表表头字段 columns: [ { data: Id }, { data: Name }, { data: Sex } ] }).api(); //此处需调用api()方法,否则返回的是JQuery对象而不是DataTables的API对象 }); /script /body 转载于:https://www.cnblogs.com/qingzhongcao/p/7047487.html
