How to show animated progress bar when submit data

QuestionsHow to show animated progress bar when submit data
Danny asked 8 years ago

Dear Abu,
how to show animated progress bar when submit data?
Thanks

6 Answers
Abu Ghufran answered 8 years ago

Hello,

You can replace text with some string containing html <img> tag.

$grid["loadtext"] = "Loading…";
$g->set_options($grid);

Abu Ghufran answered 8 years ago

When you set

$opt["loadtext"] = "<img src='…' />";
$g->set_options($opt);
It will show image instead of "Loading…" text while loading grid.

If you want preloader when submitting data, it is currently not supported by default
You can do it using BlockUI plugin:

Please see this demo:
https://gist.github.com/gridphp/915d2e0834354913fdfd338d47d50a53

Line 46,55

Danny answered 8 years ago

Dear Abu,
I had trial to modify your sample /demos/appearance/custom-grid-button.php and add command $grid["loadtext"] = "Loading…"; as your advice, but still not appear progress bar as you see on https://postimg.org/image/9ovhvmpcz/

$g = new jqgrid($db_conf);

// set few params
$grid["caption"] = "Sample Grid";
$grid["multiselect"] = true;
$grid["height"] = "250";
$grid["autowidth"] = true;
$grid["rowNum"] = 15;
$grid["loadtext"] = "Loading…";
$g->set_options($grid);

Could you help please.

Yani answered 8 years ago

I have the same problem. Any body help?

selectcase.biz answered 8 years ago

Hello,

the feature works great when each file is loaded. Is there a way to find out which file can not be loade, something like the loading queue?

thanks!

Abu Ghufran answered 8 years ago

In above gist code, you can read the error function handler variables.

error: function(jqXHR, textStatus, errorThrown) {
// ………………
$.unblockUI();
}

Your Answer

17 + 14 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate it.

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?