博客列表 >datatables 的js代码

datatables 的js代码

php开发大牛
php开发大牛原创
2018年04月20日 15:08:52720浏览

$('.table-sort').dataTable({
processing: true,
 serverSide: true,
 ajax: {
  "url":"{:U('Msg/index')}",
  "data":function(d){ //额外传递的参数
   d.mintime = $('#logmin').val();
   d.maxtime = $('#logmax').val();
  }
 },
 bStateSave: true,//状态保存
 aLengthMenu : [20, 30, 50, 100, 150],
 bProcessing : true,
 bAutoWidth: false,
 bFilter : true, //是否启动过滤、搜索功能
 bInfo : true, //是否显示页脚信息,DataTables插件左下角显示记录数
 createdRow: function ( row, data, index ) {
  $(row).addClass('text-c');
  $('#count').html(data.recordsFiltered);
 },
 aoColumns: [
  {
   "sClass": "text-center",
   "data": "id",
   "render": function (data, type, full, meta) {
    return '<input type="checkbox" name="select" value="' + data + '" />';
   },
   "bSortable": false
  },
  { "mData": "id" },
  { "mData": "fromnickname"},
  { "mData": "content" },
  { "mData": "msgtype" },
  { "mData": "time"},
  {
   "sClass": "text-center",
   "data": "id",
   "render": function (data, type, full, meta) {
    html = '<a title="查看" href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="show(`查看`,`__URL__/show/id/'+ data + '`,``,`610`)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">查看</i></a>';
    html += '<a style="text-decoration:none" class="ml-5" onClick="signDel(this,'+ data +')" href="javascript:;" rel="external nofollow" rel="external nofollow" title="删除"><i class="Hui-iconfont"></i>删除</a>';
    return html;
   },
   "bSortable": false
  }
 ]
});

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议