jquery - 关于dataTables刷新的问题？

问题描述

问 题

我使用ajax.reload()来刷新表格的时候，本来有数据，一刷新就没了。请问这是为什么

 /*角色管理表格*/
      var roleManage = $('#roleManage-table').DataTable({
        'processing': true,       //加载效果
        "serverSide": true,
        "destroy": true,
        "sAjaxSource": "/permission/roleManager/all",
        'dom': '<"roleManageDom">fltip',     //dom定位
        'pagingType': "simple_numbers",
        'columns': [
          {'data': 'id', 'defaultContent': ''},
           {'data': 'name', 'defaultContent': ''},
           {'data': 'description', 'defaultContent': ''},

          {
            'data': null,
          },
          {
            'defaultContent': "<button class='edit-btn changeRole' data-toggle='modal' data-target='#alterRole' type='button'>修改角色</button><button class='edit-btn roleManage-del' type='button'>删除</button>"
          }
        ],
        'columnDefs': [
          {'targets':0, 'visible': true, 'searchable': true},
          {'render': function (data, type, row) {
            return '<a href="javascript:;" class="particularsModal" data-toggle="modal" data-target="#particulars">'+row.name+'</a>'
          },
            'targets':1
          }
        ],
      'oLanguage': {//国际语言转化
          'sLengthMenu': '每页显示 _MENU_ 条',
          'sZeroRecords': '对不起，查询不到任何相关数据',
          'sEmptuTable': '未有相关数据',
          'sLoadingRecords': '正在加载数据-请等待...',
          'sInfo': '当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录。',
          'sInfoEmpty': '当前显示0到0条，共0条记录',
          'sInfoFiltered': '（数据库中共为 _MAX_ 条记录）',
          'sSearch': '模糊查询：',
          'oPaginate': {
            'sPrevious': '上页',
            'sNext': '下页',
            'sJump': '跳转'
          }
        }
      });
      /*setInterval( function () {
        roleManage.ajax.reload();
      }, 3000 );*/
      $('.newRole-resetBtn').click(function () {
        roleManage.ajax.reload();
      })

解决方案

更新数据源, 重新渲染表格组件.

这篇关于jquery - 关于dataTables刷新的问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！