Replies

• allan Posts: 63,214Questions: 1Answers: 10,415 Site admin

  April 2018

  Sounds like a Javascript error is occurring. If you can give me a link to the page I can check it out.

  Allan
• Vasilii Posts: 9Questions: 1Answers: 0

  April 2018

  I'm using Metronic theme for bootstrap. This is how the main code looks like:

  var handleDemo1 = function () {
  var grid = new Datatable();
  grid.init({
  src: $("#datatable_ajax"),
  onSuccess: function (grid, response) {
  console.log("response "+response);
  },
  onError: function (grid) {
  console.log("error "+grid);
  },
  onDataLoad: function(grid) {
  console.log("load "+grid);
  },
  loadingMessage: 'Loading...',
  dataTable: {
  "bStateSave": true,
  "fnStateSaveParams": function ( oSettings, sValue ) {
  $("#datatable_ajax tr.filter .form-control").each(function() {
  sValue[$(this).attr('name')] = $(this).val();
  });
  return sValue;
  },
  "fnStateLoadParams" : function ( oSettings, oData ) {
  $("#datatable_ajax tr.filter .form-control").each(function() {
  var element = $(this);
  if (oData[element.attr('name')]) {
  element.val( oData[element.attr('name')] );
  }
  });
  return true;
  },
  "lengthMenu": [
  [10, 20, 50, 100, 150, -1],
  [10, 20, 50, 100, 150, "All"] // change per page values here
  ],
  "pageLength": 50, // default record count per page
  "ajax": {
  "url": "https://www.mocky.io/v2/5ae3515a310000390d083e3e",
  "dataSrc": 'data'
  },
  "ordering": false,
  "order": [
  [1, "asc"]
  ]
  }
  });

  https://beta9.nevakar.ru/dev/journeys/journeys.html
  The JSON is on www.mocky.io/v2

  Now I get onDataLoaded log. When added some extra characters to url I got onError, but never onSuccess.

  Thank you in advance!
• allan Posts: 63,214Questions: 1Answers: 10,415 Site admin

  April 2018

  The loading element there is not one which is controlled by DataTables. It appears to be coming from this file with its wrapper:

  /***
  Wrapper/Helper Class for datagrid based on jQuery Datatable Plugin
  ***/
  var Datatable = function() {
  

  I don't know if that is your own, or you've got it from somewhere else, but this:

                              App.blockUI({
                                  message: tableOptions.loadingMessage,
                                  target: tableContainer,
                                  overlayColor: 'none',
                                  cenrerY: true,
                                  boxed: true
                              });
  

  is what is displaying the loading spinner, which then appears not to be removed.

  Allan
• Vasilii Posts: 9Questions: 1Answers: 0

  May 2018

  Thank you, I deleted this "blockUI" and it helped