tonytomov / jqGrid

jQuery grid plugin
www.trirand.com
2.84k stars 1.2k forks source link

Bad user experience when using Inline Edit #948

Open unle70 opened 5 years ago

unle70 commented 5 years ago

Hello, I'm trying to implement a grid with Inline Editing. The grid works find and all the functions are working OK.

One problem which I see is that when saving the edited row (hitting the "Enter" key), the saving of the data to the server is always done Synchronously. It takes around 3 seconds (in my case) for the save operation to complete. During that time the user still can see the "INPUT" elements and cannot start editing another row.

I tried the "async" property in "ajaxRowOptions". The only difference between "true" and "false" is that in "true" mode the progress bar is displayed and in "false" mode it doesn't. But in terms of the user experience, both modes look Synchronous.

Am I doing anything wrong or is it just like that? In terms of user experience it would be much nicer if the edited fields would show a small progress bar (one small progress bar for each edited field) and the user would be allowed to proceed to editing the next row. When the async save is complete, the small progress bars would disappear and replaced by either the new values (if success) or by the previous values (if recovered).

Thank you for any assistance, Udi

tonytomov commented 5 years ago

Hello Udi,

Thank you for the recommendation. The problem here is that all is done in ajax complete function instead of ajax success one, which causes this behaviour.

What I can do is to allow to use the success function with async true and the existing one - complette with async false - of course the old behaviour should be saved.

I will let you know when I'm ready with this, so you can test the new behaviour.

Best Regards, Tony