datatable 前台和后台数据格式
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 前台和后台数据格式相关推荐
- aes前台加密后台解密
aes加密npm地址:https://www.npmjs.com/package/crypto-js aes加密git地址/下载: https://github.com/brix/crypto-js ...
- WP 前台或后台显示ShellToast
WP 前台或后台显示ShellToast 原文:WP 前台或后台显示ShellToast using Microsoft.Phone.Shell; ShellToast toast = new She ...
- 前台获取后台数据写法%#%..
一.共同之处:都是前台调用后台方法或者变量 <%=Test()%>... 这种方法在使用控件的text属性下需要注意,可以使用在html控件但不能使用在服务器控件 如果设置<asp ...
- linux前台与后台进程调度(ps fg bg)
linux前台与后台进程调度 在linux中要终止一个前台进程用: ctr + c 要中止一个 后台进程必须使用命令: kill kill命令的工作原理是:向linux系统到内核发送一个系统操作 ...
- 关于前台调用后台事件__doPostBack函数
关于前台调用后台事件__doPostBack函数 作者:admin 日期:2006-04-11 字体大小: 小 中 大 这里需要提一下的是,asp.net编程提供了服务端控件和客户端控件的说法,其实还 ...
- ASP.NET中使用JSON方便实现前台与后台的数据交换
一.前台向后台请求数据 在页面加载时,有时需要对一些表单进行初始化,此时可以利用JQuery的 get 函数向后台发起异步请求: /初始化函数 function initSettings() {$.g ...
- 判断应用程序在前台还是后台
应用程序不管在后台还是前台都会执行 - (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSD ...
- .net前台ajax,asp.net利用Ajax和Jquery在前台向后台传参数并返回值
1----------前台 首先需要 Jquer的包 下面是 $(function () { $('#txtUserName').blur(function () { var username = $ ...
- 前台和后台是要写两个工程吗_如何判断一个Bug属于前台还是后台
这里的前台和后台也叫前端和后端.前台基本是能在页面上可看得见的错误,而后台是看不到的,如UI界面样式相关的错误不用判断肯定是前台的,用户数据问题基本是后台的. 前台一般的工作是获取.加载.计算.渲染数 ...
最新文章
- 浅析DDD(领域驱动设计)
- BZOJ 2124 等差子序列 线段树维护哈希
- 继承和多态二:虚析构函数
- 阿里云服务器安装onlyoffice_阿里云服务器安装 JDK 8
- Python优化算法06——人工鱼群算法
- vscode中如何修改vetur配置_vscode vetur插件配置不换行
- Excel图表—泊松分布函数的概率分布图的绘制
- 一起用Python做个自动化弹钢琴脚本,我竟然弹出了《天空之城》!
- React制作简易小名片
- Kali学习 | 漏洞扫描:3.1 Nessus安装、配置和新建扫描任务
- widows常用命令
- 请编写函数实现自然底数 e=2.718281828
- 微服务项目:尚融宝(42)(核心业务流程:借款额度审批(2))
- 商业智能(BI)目前的五大趋势
- BlazeDS简单介绍
- const指针的引用
- html 中 a 链接的 download 属性的神奇使用
- 宿主手机联系人、通话记录、短信工具类(不断完善中。。。)
- HarmonyOS应用开发培训一
- MyZip--专业mac压缩软件