datatable是很强大的前台表格插件,前台定义好表格格式后,后台须要返回指定格式的json数据!

例如以下:

首先是js的定义:

            var oTable = $('#sample_editable_1').dataTable({"aLengthMenu": [[5, 15, 20, -1],[5, 15, 20, "All"] // change per page values here],"bProcessing": true, "bServerSide":true,"sServerMethod":"post",   "sAjaxSource":"http://localhost:8080/pets/pets2/test.action","iDisplayLength": 5,"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>","sPaginationType": "bootstrap","bPaginite":false,"oLanguage": {"sLengthMenu": "_MENU_ records per page","oPaginate": {"sPrevious": "前一页","sNext": "Next"}},"aoColumnDefs": [{'bSortable': false,'aTargets': [0]}],"aoColumns":[{ "sTitle": "username", "fnRender":function(data){return data.aData[0];}},{ "sTitle": "邮编"},{ "sTitle": "邮编1"},{ "sTitle": "邮编2"},{ "sTitle": "邮编5","fnRender":function(data){
<span style="white-space:pre">                 </span>//这里能够自己定义表格每一列数据的格式return '<a class="edit" href="javascript:;">'+data.aData[4]+'</a>';}},{ "sTitle": "地址", "fnRender":function(data){return '<a class="delete" href="javascript:;">'+data.aData[5]+'</a>';}}]



<pre name="code" class="java">
import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;public class DataTabseTestJson implements Serializable {private static final long serialVersionUID = 1L;private int sEcho;//參数值是不变的private int iTotalRecords = 100;private int iTotalDisplayRecords = 100;private String[][] aaData;//返回的数据private int iColumns;private boolean bRegex;// private boolean bRegex_0;// private boolean bRegex_1;// private boolean bRegex_2;// private boolean bRegex_3;// private boolean bRegex_4;// private boolean bSearchable_0;// private boolean bSearchable_1;// private boolean bSearchable_2;// private boolean bSearchable_3;// private boolean bSearchable_4;// private boolean bSortable_0;// private boolean bSortable_1;// private boolean bSortable_2;// private boolean bSortable_3;// private boolean bSortable_4;private int iDisplayLength;private int iDisplayStart;// private int iSortCol_0;private int iSortingCols;private String sColumns;// platform,version,engine,browser,gradeprivate int sSearch;}
get,set方法就省略了!

转载于:https://www.cnblogs.com/cxchanpin/p/7058033.html

datatable 前台和后台数据格式相关推荐

  1. aes前台加密后台解密

    aes加密npm地址:https://www.npmjs.com/package/crypto-js aes加密git地址/下载: https://github.com/brix/crypto-js ...

  2. WP 前台或后台显示ShellToast

    WP 前台或后台显示ShellToast 原文:WP 前台或后台显示ShellToast using Microsoft.Phone.Shell; ShellToast toast = new She ...

  3. 前台获取后台数据写法%#%..

    一.共同之处:都是前台调用后台方法或者变量 <%=Test()%>...  这种方法在使用控件的text属性下需要注意,可以使用在html控件但不能使用在服务器控件 如果设置<asp ...

  4. linux前台与后台进程调度(ps fg bg)

    linux前台与后台进程调度 在linux中要终止一个前台进程用: ctr  +  c 要中止一个 后台进程必须使用命令:  kill kill命令的工作原理是:向linux系统到内核发送一个系统操作 ...

  5. 关于前台调用后台事件__doPostBack函数

    关于前台调用后台事件__doPostBack函数 作者:admin 日期:2006-04-11 字体大小: 小 中 大 这里需要提一下的是,asp.net编程提供了服务端控件和客户端控件的说法,其实还 ...

  6. ASP.NET中使用JSON方便实现前台与后台的数据交换

    一.前台向后台请求数据 在页面加载时,有时需要对一些表单进行初始化,此时可以利用JQuery的 get 函数向后台发起异步请求: /初始化函数 function initSettings() {$.g ...

  7. 判断应用程序在前台还是后台

    应用程序不管在后台还是前台都会执行 - (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSD ...

  8. .net前台ajax,asp.net利用Ajax和Jquery在前台向后台传参数并返回值

    1----------前台 首先需要 Jquer的包 下面是 $(function () { $('#txtUserName').blur(function () { var username = $ ...

  9. 前台和后台是要写两个工程吗_如何判断一个Bug属于前台还是后台

    这里的前台和后台也叫前端和后端.前台基本是能在页面上可看得见的错误,而后台是看不到的,如UI界面样式相关的错误不用判断肯定是前台的,用户数据问题基本是后台的. 前台一般的工作是获取.加载.计算.渲染数 ...

最新文章

  1. 浅析DDD(领域驱动设计)
  2. BZOJ 2124 等差子序列 线段树维护哈希
  3. 继承和多态二:虚析构函数
  4. 阿里云服务器安装onlyoffice_阿里云服务器安装 JDK 8
  5. Python优化算法06——人工鱼群算法
  6. vscode中如何修改vetur配置_vscode vetur插件配置不换行
  7. Excel图表—泊松分布函数的概率分布图的绘制
  8. 一起用Python做个自动化弹钢琴脚本,我竟然弹出了《天空之城》!
  9. React制作简易小名片
  10. Kali学习 | 漏洞扫描:3.1 Nessus安装、配置和新建扫描任务
  11. widows常用命令
  12. 请编写函数实现自然底数 e=2.718281828
  13. 微服务项目:尚融宝(42)(核心业务流程:借款额度审批(2))
  14. 商业智能(BI)目前的五大趋势
  15. BlazeDS简单介绍
  16. const指针的引用
  17. html 中 a 链接的 download 属性的神奇使用
  18. 宿主手机联系人、通话记录、短信工具类(不断完善中。。。)
  19. HarmonyOS应用开发培训一
  20. MyZip--专业mac压缩软件

热门文章

  1. C++操作windows注册列表
  2. 我的2009:心智成长篇
  3. 如何训练大学生的工程实战能力
  4. SP1026 FAVDICE - Favorite Dice
  5. Hopfield 网络(下)
  6. UIView 弹出动画
  7. 射线与三角形求交,并判断是否在三角形内的完整代码(带测试)
  8. 算法--旋转链表(Java)
  9. RxJava zip 使用
  10. ARabevaluator 颜色渐变控制类