EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: hmdat on September 19, 2018, 02:07:57 AM

Title: [SOLVED] Change the loading progress bar in messager
Post by: hmdat on September 19, 2018, 02:07:57 AM

Hello team,
I call an ajax function to upload a file. Before that call, I use

Code:

$.messager.progress()

to show loading, and it show like this:
https://ibb.co/fnbpSK (https://ibb.co/fnbpSK)
How can I change or customize like below:
https://ibb.co/jY667K (https://ibb.co/jY667K)

Code:

Code:

               $.messager.progress();
		DwrService.uploadFileAndInsertToDB(file, JSON.stringify(data), function(str){
			$.messager.progress('close');
		}

Thanks a lot

Title: Re: Change the loading progress bar in messager
Post by: jarry on September 19, 2018, 07:44:20 AM

You can custom the content of the message dialog. Something looks like this:

Code:

var dlg = $.messager.progress({
	border: 'thin',
	msg: '<img src="https://www.jeasyui.com/images/logo1.png" style="height:30px">'
});
$.messager.progress('bar').hide();
dlg.dialog('resize');

Title: Re: Change the loading progress bar in messager
Post by: hmdat on September 19, 2018, 07:30:24 PM

You safe my life, thank you very much jarry