EasyUI Forum

General Category => General Discussion => Topic started by: contestant on March 12, 2015, 02:14:19 AM

Title: show datagrid loading on endEdit
Post by: contestant on March 12, 2015, 02:14:19 AM

Hello

I want to show datagrid loading progressbar on endEdit or show a simple loading like it and overlay on page, But I can't find this solution, Please help me.

Thanks alot

Title: Re: show datagrid loading on endEdit
Post by: stworthy on March 12, 2015, 02:23:48 AM

You can call $.messager.progress to display the progress window over the whole page.

Code:

var win = $.messager.progress({
    title:'Please waiting',
    msg:'Loading data...'
});

Title: Re: show datagrid loading on endEdit
Post by: contestant on March 12, 2015, 09:36:03 AM

Thanks, But I knew that before...

This modal message box has a progressive bar that I cant access to it to hide or change steps and etc...

Or show just a animated loader icon with text, like same datagrid loading box.

Title: Re: show datagrid loading on endEdit
Post by: stworthy on March 13, 2015, 01:28:02 AM

Call $.messager.progress('bar') to get the progressbar object, you can change steps on it. If you don't need the progress bar, hide it. The code below shows how to display a simple loading window by using $.messager.progress.

Code:

var win = $.messager.progress({
	title:'Please waiting',
	msg:'<img src="../../themes/default/images/Loading.gif"/> Loading data...'
});
$.messager.progress('bar').hide();
win.window('resize');