Execute code after an ajax code ended

Cyril Ferlicot Delbecque <[email protected]> Tue, 2 Aug 2016 10:21:38 +0200

Newsgroups	gmane.comp.lang.smalltalk.squeak.seaside
Message-ID	<[email protected]>

Hi,

I use the project Material Design Lite with seaside to create some
components. With it I generate the html with Seaside and a MDL script
replace some part of the page to initialize the components.

My problem is that for some components, I want to update them without
refreshing the page. I found the piece of code to run to initialize the
components but I don't know how to execute it at the right time.

The piece of code is: `componentHandler.upgradeDom();`

I tried:

html jQuery ajax
  callback: [ self doSomething ];
  onSuccess: (html jQuery script:
    [ :s | s << ((html jQuery id: id) load html:
      [ :ajaxHtml | self renderTableContentOn: ajaxHtml ]) ]) , ';
componentHandler.upgradeDom();'

But it seems that the `componentHandler.upgradeDom()` is executed before
the update of the html, so it is useless.

The only way I could find for now is to add a timeout of 100ms but I
really don't like it because the user will see the page update and if
the component take more than 100ms to be rendered it will not work.

Have someone an idea about how to make it work?

I never really did JS before using seaside so maybe the answer is stupid. :)

-- 
Cyril Ferlicot

http://www.synectique.eu

165 Avenue Bretagne
Lille 59000 France

_______________________________________________
seaside mailing list
[email protected]
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside

signature.asc (application/pgp-signature, 801 B)