datatables详解

来源：互联网发布：网页前端开发知乎编辑：程序博客网时间：2024/05/22 03:06

推荐文档：

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="编辑" onclick="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:;"  onclick="member_del('+data+')" class="btn btn-xs btn-warning" ><i class="icon-trash  bigger-120"></i></a>';                    var edithtml=a+b+c;                    return edithtml;                  }              }            ]        };

阅读全文

0 0