bProcessing getting in the way of custom blockUI message

kjm

Hi,

I have a page and I load 10000 records in to the table and get the 'Processing...' message but before I call the datatable I have called my own blockUI plugin to show an overlay and a animated gif message but the datatable seems to override or hijack this call and display the 'Processing..' message? Funny thing is once the processing finishes of the grid then my call seems to succeed. I suspect I am doing something wrong in Jquery?

My own message definitely works as I have tried it in other files

has anyone experience anything like this?

my code looks like

[code]


var oTable;


$(document).ready(function() {


//this is the call to my wait indicator
LLNP.showWaitIndicator();



//setup grid
$('#uxReferralGrid').html('');




oTable = $('#referralTable').dataTable(
{
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bProcessing": true,
"bAutoWidth": false,
"sAjaxSource": "/Referral/Search",
"aoColumns": [
{ "sTitle": "Id", "bVisible": false, "sName": "id" },
{ "sTitle": "Referral Date", "sName": "referralDate" },
{ "sTitle": "Assessment Date", "sName": "assessmentDate" },
{ "sTitle": "CRN", "sName": "crn" },
{ "sTitle": "JSID", "sName": "jsid" },
{ "sTitle": "Name", "sWidth": "200px", "sName": "name" },
{ "sTitle": "Status", "sWidth": "150px", "sName": "status" },
{ "sTitle": "Site", "sWidth": "300px", "sName": "providerName" },
{ "bVisible": false, "sName": "deliveryMode" },
{ "bVisible": false, "sName": "referralSource" },
{ "bVisible": false, "sName": "referralAgencySite" },
{ "bVisible": false, "sName": "cSCCode" },
{ "bVisible": false, "sName": "dateOfBirth" },
{ "bVisible": false, "sName": "gender" },
{ "bVisible": false, "sName": "mobile" },
{ "bVisible": false, "sName": "phone" },
{ "bVisible": false, "sName": "residentialAddressLine1" },
{ "bVisible": false, "sName": "residentialAddressLine2" },
{ "bVisible": false, "sName": "residentialAddressPostCode" },
{ "bVisible": false, "sName": "residentialAddressState" },
{ "bVisible": false, "sName": "postalAddressLine1" },
{ "bVisible": false, "sName": "postalAddressLine2" },
{ "bVisible": false, "sName": "postalAddressPostCode" },
{ "bVisible": false, "sName": "postalAddressState" },
{ "bVisible": false, "sName": "interpreterRequired" },
{ "bVisible": false, "sName": "interpreterlangauge" },
{ "bVisible": false, "sName": "providerSiteAddress" },
{ "bVisible": false, "sName": "providerSiteServiceCode" }


],
"fnInitComplete": SetupEventHandlers


});

});


[/code]

allan

HI kjm,

You can just use CSS to style the 'processing' element to be located where ever you want - and which whatever styles you want ( http://datatables.net/styling/ids_classes ). I've got a default one in my demo CSS, but it might not always be suitable. You could also disable with with bProcessing:false.

Regards,
Allan

kjm

Hi Allan,

this appears to be an IE8 problem (surprise, surprise...)

I'll fix it as such

thanks for your help

Kurt