Estou usando jqGrid 4.54 no meu projeto e eu quero colocar uma mensagem bloqueando a tela toda com o plugin blockUI quando a minha requisição AJAX encontra algum erro no servidor como erro 500.
Eu sei que o blockUI 2.66.0 não funciona com AJAX síncrono, então estou usando meu plugin jqGrid para fazer suas requisições AJAX como abaixo:
$.extend($.jgrid.ajaxOptions, { async: true });
$.extend($.jgrid.defaults, {
mtype: "POST",
altRows: true,
datatype: "json",
loadonce: true,
height: "auto",
width: 1100,
rowNum: 10,
rowList: [10, 20, 30, 40, 50],
viewrecords: true,
pager: "#paginacao",
sortorder: "asc",
shrinkToFit: false,
headertitles: true,
loadui: "disable",
rownumbers: true,
emptyrecords: "<strong>Não houve resultado para o seu filtro.<strong>",
autoencode: true,
caption: "Resultados encontrados",
deselectAfterSort: true,
gridview: true,
idPrefix: "id",
rowTotal: 4000,
sortable: true,
toppager: true,
loadError: function(xhr, status, error) {
$.blockUI({
message: '<p style=\"font-weight: bolder; color: white;\">Erro ao tentar gerar relatório, por favor, tente novamente.<br /><br /><a onclick=\"$.unblockUI();\">Fechar</a></p>',
timeout: 5000,
onOverlayClick: $.unblockUI
});
},
jsonReader: {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: true,
id: 0,
cell: ""
}
});
Mas fazendo desse jeito o plugin não funciona de maneira alguma. Porém quando eu jogo a chamada ao blockUI dentro de um window.setTimeout como abaixo funciona perfeitamente:
loadError: function(xhr, status, error) {
window.setTimeout("$.blockUI({ message: '<p style=\"font-weight: bolder; color: white;\">Erro ao tentar gerar relatório, por favor, tente novamente.<br /><br /><a onclick=\"$.unblockUI();\">Fechar</a></p>', timeout: 5000, onOverlayClick: $.unblockUI});", 10);
}
Alguém sabe como fazer a chamada ao blockUI ser executada sem ter que usá-la dentro de um window.setTimeout
?
Em tempo, todas funções nativas do JavaScript como parseInt
, parseFloat
, alert
, console.log
funcionam, o que me leva a crer que o problema é como o blockUI
lida com o Ajax, o problema que utilizo ele de forma assíncrona como ele exige e nem assim funciona sem o window.setTimeout
.
EDIÇÃO: De acordo com a resposta do utluiz, pode haver algum conflito com as minhas configurações padrão de como eu manipulo requisições AJAX, segue a configuração:
$.ajaxSetup({
type: "POST",
dataType : "json",
cache : false,
error : function(xhr, statusRequestAjax, error) { $("#msgErros").html(error); },
beforeSend: function() { $.blockUI(); },
complete : function() { $.unblockUI(); }
});