如何使用不同的JSON数据重新渲染角度Datatable

时间:2016-06-20 13:14:56

标签: javascript jquery angularjs json datatable

我已经有一个Datatable控制器如下:



//Module / Módulo
var angularDataTables = angular.module("angularDataTables", ['datatables', 'datatables.buttons' , 'datatables.bootstrap']);

//Controller / Controlador
angularDataTables.controller("DTController", DTController);

//Function to build DataTables / Función para construir DataTables
function DTController(DTOptionsBuilder, DTColumnBuilder){

  var vm = this;
  vm.dtOptions = DTOptionsBuilder.fromSource('./model/conexion_basededatos_json.php')
  .withDOM('lfrtip')
  .withPaginationType('full_numbers')
  .withLanguage({
    "sEmptyTable":     "No hay datos para cargar en la tabla",
    "sInfo":           "Mostrando _START_ de _END_ de _TOTAL_ entradas",
    "sInfoEmpty":      "Mostrando 0 de 0 de 0 entradas",
    "sInfoFiltered":   "(filtradas _MAX_ entradas totales)",
    "sInfoPostFix":    "",
    "sInfoThousands":  ",",
    "sLengthMenu":     "Mostrar _MENU_ entradas",
    "sLoadingRecords": "Cargando...",
    "sProcessing":     "Procesando...",
    "sSearch":         "Buscar:",
    "sZeroRecords":    "No se encontraron registros",
    "oPaginate": {
        "sFirst":    "Primera",
        "sLast":     "Última",
        "sNext":     "Siguiente",
        "sPrevious": "Anterior"
    },
    "oAria": {
        "sSortAscending":  ": activar para ordenar de forma ascendente",
        "sSortDescending": ": activar para ordenar de forma descendente"
    },
    "buttons": {
               print: 'Imprimir',
               }
  })
  .withButtons([
        'print',
        'excel',
        'pdfFlash',
  ])
  .withBootstrap();
  vm.dtColumns = [
      DTColumnBuilder.newColumn('nombre').withTitle('NOMBRE'),
      DTColumnBuilder.newColumn('correo').withTitle('CORREO'),
      DTColumnBuilder.newColumn('empleados').withTitle('EMPLEADOS A CARGO'),
      DTColumnBuilder.newColumn('tiempo').withTitle('AÑOS EN LA EMPRESA')
  ];

}




从JSON成功加载数据。我的问题是:如何在同一个数据表中重新渲染另外6个JSON的数据?

plunker可以重新加载数据表,但使用相同的JSON数据。

如何使用不同的JSON数据重新加载datatatable?

1 个答案:

答案 0 :(得分:0)

使用数据表的reloadData方法

function reloadData() {
    var resetPaging = false;
    vm.dtInstance.reloadData(callback, resetPaging);
}

function callback(json) {
    console.log(json);
}

请点击此处了解详情angular datatable