EasyUI Forum

Is there an event that I can bind to when:

1) All remote Ajax calls have been completed, and the remote data loaded into all objects.
2) All elements and objects on the page have been rendered
3) all input values have been set by form.laod()
4) all onChange() events have been triggered.
5) easyui is 100% completed and idle.

Basically, I need an event that tells me when everything is 100% finished.

Thanks

1. When the remote data is loaded, the 'onLoadSuccess' event fires.
2. $.parser.onComplete = function(context){...}
3. Calling the 'load' of form to load field values, the 'onLoadSuccess' event fires.
4. When the form field value is changed, the form's 'onChange' event fires.
5. Normally, $(document).ready() function is always executed after all the easyui components is ready.

Thanks, but I am looking for 1 single event that signifies when everything is done, especially when 1 page may have dozens of controls that are making ajax calls etc.

I also have situations where a form load Success() fires yet some of the comboboxes etc values cannot be retrieved so I end up add a lot of setTimeouts() to wait a few hundred milliseconds for everything to load.

What I am really after is 1 event, that 100% guarantees that everything is done, so far I don't seem to be able to get that.

This is never a problem with small, simple page, but when a page has say 10 comboboxes, a datagrid and a tree and a form, all pulling in data via ajax, there are some major timing issues and things don't behave as expected.

If there was a done event, this would be solved.