datatable 表格属性包括翻页，自己定义

来源：互联网发布：荼靡电视剧大结局知乎编辑：程序博客网时间：2024/05/22 00:42

function doSearch() {       if(dtable!=null){          dtable.fnClearTable(0);          dtable.fnDraw(); // 重新加载数据      }else{      dtable = $("#datatable_ajax").dataTable({  //<span style="font-family: Arial, Helvetica, sans-serif;">datatable_ajax表单的id</span>        "oLanguage" : {    // 汉化               "sLengthMenu": "每页显示 _MENU_条",                "sZeroRecords": "没有找到符合条件的数据",                "sProcessing": "加载中...",                "sInfo": "当前第 _START_ - _END_ 条　共计 _TOTAL_ 条",                "sInfoEmpty": "没有记录",                "sInfoFiltered": "(从 _MAX_ 条记录中过滤)",                "sSearch": "搜索：",                "oPaginate": {                "sFirst": "首页",                "sPrevious": "前一页",                "sNext": "后一页",                "sLast": "尾页"                }            },              "bStateSave" : false,              "bJQueryUI" : true,              "bPaginate" : true,// 分页按钮              "bFilter" : false,// 搜索栏              "bLengthChange" : false,// 每行显示记录数              "iDisplayLength" : 10,// 每页显示行数              "bSort" : false,// 排序              "bInfo" : true,// Showing 1 to 10 of 23 entries 总记录数没也显示多少等信息              "bWidth" : true,              "bScrollCollapse" : true,              "sPaginationType" : "full_numbers", // 分页，一共两种样式 另一种为two_button // 是datatables默认              "bProcessing" : true,              "bServerSide" : true,              "bDestroy" : true,              "bSortCellsTop" : true,              "sAjaxSource" :currprojectname +"/aa/list.do",  //所要请求的接口地址            "sScrollY": "100%",              "fnInitComplete": function() {                  this.fnAdjustColumnSizing(true);               },              "fnServerParams" : function(aoData) {  //查询条件的接口拼接 aoData.push({                      "name" : "aa",                      "value" : a                });                          aoData.push({                   "name" : "cc",                   "value" : encodeURI($("#aaa").val())                  });                                                   },              "aoColumns" : [                               {"mData" : "id"},  //表单的属性，必须一一对应而且行数必须相同！！！                                           {"mData" : "name"},   {"mData" : "lal"},                              {"mData" : "dota2"},                               {"mData" : "games"},                            ],

                                                "aoColumnDefs": [{ //我用这个，一般是设置第一列的勾选，多选框的设置

                                                      <span style="font-family: Arial, Helvetica, sans-serif;"> "sClass": "center",</span>

                                                    "aTargets": [0],                                                    "mData": "gid",                                                     "mRender": function(a, b, c, d) { //a表示statCleanRevampId对应的值，c表示当前记录行对象                                                       return '<input name="check_row" class="check_row"  value =\"' + c.id + '\" type="checkbox" data-playUserId=\"' + c.playUserId + '\" data-address=\"' + c.address + '\" data-residentNo=\"' + c.residentNo + '\" data-phoneNumber1=\"' + c.phoneNumber1 + '\" data-phoneNumber2=\"' + c.phoneNumber2 + '\" data-riskLevel=\"' + c.riskLevel + '\" data-correctionStatus=\"' + c.correctionStatus + '\" />';                                                          }                                                          }, ],                        "fnRowCallback" : function(nRow, aData, iDisplayIndex) {   //相当于对字段格式化  <pre name="code" class="javascript">                                                      if (aData["checkStatus"] == 0) {                                                  $('td:eq(5)', nRow).html("赢了");                                                        } else if (aData["checkStatus"] == 1) {                                                     $('td:eq(5)', nRow).html("输了");                                                          } "fnServerData": function(sSource, aoData, fnCallback) {                $.ajax({                    "type": 'get',                    "url": sSource,                    "dataType": "json",                    "data": { aoData: JSON.stringify(aoData) },                    "success": function(resp) {                        fnCallback(resp);                    },                    /*   "error":function(){                                 alert("出错");                   }*/                });            }        });    }}

</pre><pre name="code" class="javascript">

</pre><pre name="code" class="javascript">

</pre><pre name="code" class="javascript">

</pre><pre name="code" class="javascript">

0 0