datatables詳解

推薦文檔：

http://www.cnblogs.com/amoniyibeizi/p/4548111.html

http://blog.csdn.net/shya_/article/details/55510480

1、js配置基本如下

var option={
		"aaSorting": [[ 1, "asc" ]],//默認第幾個排序
        "bStateSave": true,//狀態保存
        "deferRender": true,
        "bServerSide" : true, //是否啓動服務器端數據導入,否則不會分頁
        "searching": false,//屏蔽datatales的查詢框 
        //方式-
      //  "s AjaxSource":"/back/user/page?now="+new  Date().getTime(), //請求路勁
        //方式二
        "ajax": {  
            "url": "/back/user/page?now="+new  Date().getTime(),
            "dataSrc": "aaData",   
             "type" : 'post',    
            "data": function ( d ) {
            	
          
                //添加額外的參數傳給服務器  
               var name=$(".search_content input[name='name']").val();
               var date=$(".search_content input[name='date']").val();
               if(date!=null){
            	   d.date=date;
               }
               if(name!=null){
            	   d.name=name;
               }
             
             
                d["pagination.pageNo"]=d.start/d.length+1;
                d["pagination.pageSize"]=d.length;
              /*  d.pagination={
	                	"pageNo":d.start/d.length,
	                	"pageSize":d.length
	                };*/
               
              
            }  
        },  
        "bPaginate" : true, //是否顯示（應用）分頁器
        /*"fnServerParams": function ( aoData ) {//向服務器傳額外的參數
        	console.log(aoData);
        	
        },*/
        "aoColumns":[  
        	{ data: 'id' },  
            { data: 'name'},  
            { data: 'email' },  
           
            { data: 'date' },
            { data: 'locked'}, 
            {data:'id',  
                "render": function ( data, type, full, meta ) {  
                	var a='<a onClick="member_stop(this,"10001")"  href="javascript:;" title="停用"  class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a> ';
                	var b='<a title="編輯" οnclick="member_edit('+data+')" href="javascript:;"  class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a>'; 
                    var c='<a title="刪除" href="javascript:;"  οnclick="member_del('+data+')" class="btn btn-xs btn-warning" ><i class="icon-trash  bigger-120"></i></a>';
                    var edithtml=a+b+c;
                    return edithtml;  
                }  
            }  
          ] 
       };