Answers

• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  October 2019

  Hi,

  Are you seeing something like this? If not can you link to a page showing what is happening please?

  Thanks,
  Allan
• erik.bruno Posts: 3Questions: 1Answers: 0

  October 2019

  Hi Allan,

  Sorry for the late response. I could only get to it again now.

  Well, here is the code I'm using to block the UI every time the table is processing: http://live.datatables.net/foragota/1/

  What I'm aiming for is a way to unblock the UI if an ajax error occurs when the table is in 'processing' state using a event like I did for the 'processing.dt'. This way it works for all my instances of the datatable.

  Thanks you for the help.
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  October 2019

  Thanks for the example, You should be able to use:

    $('#example').on('error.dt', function () {
      console.log('UI unblocked');
    });
  

  I've updated the example to show that: http://live.datatables.net/foragota/3/edit .

  Allan
• erik.bruno Posts: 3Questions: 1Answers: 0

  November 2019

  Hi Allan.

  I tried using the error event but it seems it's not firing the event when I get an error 500 (Internal Server Error).

  Thank you.
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  November 2019

  Could you give me a link to an example showing that please? I don't see why it wouldn't happen on a 500 when it does on a 404.

  Thanks,
  Allan
• logan30433 Posts: 12Questions: 0Answers: 0

  November 2019 edited November 2019

  i recommend jquery.blockUI plugin
  http://malsup.com/jquery/block/
  

  Just use $.blockUI();
  and $unblockUI();

  $.blockUI({
          message: '<img style="background:none; border:none;" src="/img/spinners/Gear.svg">'
  
  
          /**********************
           BOOTSTRAP SPINNER MODAL
           **********************/
          // '<div id="ajax_spinner" class="spinner-border spinner-border-xl text-success"\n' +
          // '     style="position:fixed;z-index:1000;" role="status">\n' +
          // '</div>'
      });
  

  success: function (r) {
                  // let roleName = r.role.name;
                  $.each(r.permissions, function () {
                      let permissionID = (this).id
  
                      modal.find('#edit-permission_' + permissionID).prop('checked', true)
                      modal.find('#submit-edit-role-modal').attr('data-id', id)
  
                  })
  
                  $.unblockUI()
              },
  
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  November 2019

  Yes, that's a great plug-in. I don't think the issue is blocking the UI though - but rather when (and how) to call the function to unblock it when DataTables hits an error.

  Allan
• logan30433 Posts: 12Questions: 0Answers: 0

  November 2019

  Ah, i don't use much of the API available with DT, so i do most of this in ajax and return my errors as a json object.

  Would it be appropriate to use $(selector).error(function) to unblock the ui?
• allan Posts: 63,542Questions: 1Answers: 10,476 Site admin

  November 2019

  Potentially, if that is what is needed for the UI blocker that is used.

  I think @erik.bruno is just using the console.log to indicate when the callback is done for debugging reasons only.

  Allan