注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

php开发lamp

《西安--木木》-经历丰富了生活。 架构师QQ群: 246695517

 
 
 

日志

 
 

datatables-(1.10.0)小测试  

2014-05-16 14:51:25|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

//datatables-(1.10.0) 注意事项
1,"sAjaxDataProp": 'aaData', 指定当从服务端获取表格数据时,数据项使用的名字

2,"aaData": 返回数据对象

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>datatables</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>

<!-- //code.jquery.com/jquery-1.10.2.min.js
//cdn.datatables.net/1.10.0/js/jquery.dataTables.js
//cdn.datatables.net/1.10.0/css/jquery.dataTables.css -->

<script>
$(document).ready(function() {
var a = 'example';
$('#'+a).dataTable( {
//"ajax": "http://www.phpren.com/index.php/Admin/User/table",
// "ajax": "http://www.phpren.com/table/obj1.txt",
"sAjaxDataProp": 'aaData', // 指定当从服务端获取表格数据时,数据项使用的名字
"sAjaxSource":'http://www.phpren.com/index.php/Admin/User/table',
"aaSorting": [[0,'desc']],
"columns": [

{ "sClass": "center","data": 'id' },
{ "sClass": "center","data": 'nickname' }


/* { "sClass": "center", "data": "name" },
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "extn" },
{ "data": "start_date" },
{ "data": "salary" }*/

]
} );
} );

/*
var DateToUnix = function(year, month, day, hour, minute, second){
var oDate = new Date(Date.UTC(parseInt(year), parseInt(month), parseInt(day), parseInt(hour), parseInt(minute),parseInt(second)));
return (oDate.getTime()/1000);
};
*/
/*
var DateToUnix= function(year, month, day, hour, minute, second){
var oDate =
new Date(Date.UTC(parseInt(year),
parseInt(month), parseInt(day),
parseInt(hour), parseInt(minute),
parseInt(second)
)
);
return (oDate.getTime()/1000);
}


var transdate = function (year,month,date,hours,minutes,seconds){
var date=new Date();
date.setFullYear(year);
date.setMonth(month);
date.setDate(date);
date.setHours(hours);
date.setMinutes(minutes);
date.setSeconds(seconds);
return Date.parse(date)/1000;
}

$('#date_time').html(transdate(2014,5,8,0,0,0));


} );


*/

</script>
</head>

<body>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>

</thead>

<tfoot>

</tfoot>
</table>
<div id="date_time"></div>



</body>

</html>



    
//服务器段数据
public function table() {
$user = D('user')->alias('uu')
->field(' uu.`id`,u
->select();
//echo D('user')->getLastSql();
// $this->user=$user;

$this->ajaxReturn(array("aaData" =>$user));

}
//返回数据的格式
{
"aaData":[
{
"id":"1",
"nickname":"\u7ba1\u7406\u5458",
"user_name":"admin",
"pass_word":"admin",
"email":"good@gmail.com",
"login_time":"134232343",
"regist_time":"121323124",
"last_login_ip":"127.0.0.1",
"status":"1",
"last_login_time":"1432143332",
"group_id":"1"
},
{"id":"2",
"nickname":"wangwei",
"user_name":"wangwei",
"pass_word":"wangwei",
"email":"good@gmail.com",
"login_time":"134213412",
"regist_time":"121342134",
"last_login_ip":"127.0.0.1",
"status":"1",
"last_login_time":"1233242323",
"group_id":"1"
},
{"id":"3",
"nickname":"\u5965\u5df4\u9a6c",
"user_name":"aobama",
"pass_word":"aobama",
"email":"good@gmail.com",
"login_time":"134239343",
"regist_time":"134292343",
"last_login_ip":"127.0.0.1",
"status":"1",
"last_login_time":"1439143332",
"group_id":1
}
]
}



  评论这张
 
阅读(703)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017