EasyUI Forum

General Category => General Discussion => Topic started by: iskandarkbr on November 20, 2017, 09:10:23 PM

Title: $.messager.progress behind combotree's panel
Post by: iskandarkbr on November 20, 2017, 09:10:23 PM

I use combotree's extend keyhandler to query node in its tree panel.
While searching process, i want to show $.messager.progress .
It works, but the $.messager.progress appears behind the combotree's panel.

How to show $.messager.progress on top of combotree's panel ?

thanks a lot

Title: Re: $.messager.progress behind combotree's panel
Post by: jarry on November 21, 2017, 01:41:41 AM

Set the 'z-index' css style after displaying the message dialog.

Code:

var win = $.messager.progress({
	title:'Please waiting',
	msg:'Loading data...'
});
win.dialog('dialog').css('z-index', 9999999);

Title: Re: $.messager.progress behind combotree's panel
Post by: iskandarkbr on November 23, 2017, 02:55:54 AM

well done jarry, thank alot

now, i got new problem using $.messeger.progress,
why it appears last time, after execute codes behind.

$.messager.progress({
title:'Wait',
msg:'searching...'
}).dialog('dialog').css('z-index', 9999999);
next code #1;
next code #2;
next code #3;

why the messeger show after 'next code #3' executed, not first instead?