<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>body{font-family:Helvetica,Arial;font-size:13px}</style>
</head>
<body>
<div style="font-family:Helvetica,Arial;font-size:13px; ">Hi Annick,</div>
<div style="font-family:Helvetica,Arial;font-size:13px; "><br>
</div>
<div style="font-family:Helvetica,Arial;font-size:13px; ">Esteban said the „container-id“ has to be in the DOM. The new components will only be rendered when requested via Ajax.</div>
<div style="font-family:Helvetica,Arial;font-size:13px; "><br>
</div>
<div style="font-family:Helvetica,Arial;font-size:13px; ">Kind regards</div>
<div style="font-family:Helvetica,Arial;font-size:13px; ">Karsten</div>
<br>
<div class="gmail_signature">
<div>— </div>
<div><br>
<span style="white-space: pre-wrap; font-family: -apple-system; font-size: 14px;">Georg Heeg eK</span></div>
<div>
<div class="gmail_signature amz_quote_hidden" style="font-family: -apple-system; font-size: 14px;">
<pre style="white-space: pre-wrap; word-wrap: break-word;">Wallstraße 22
06366 Köthen
Tel.: 03496/214328
FAX: 03496/214712
Amtsgericht Dortmund HRA 12812</pre>
<div><br>
</div>
</div>
</div>
</div>
<br>
<p class="airmail_on">Am 4. Februar 2021 um 15:44:45, List (<a href="mailto:list@afceurope.com">list@afceurope.com</a>) schrieb:</p>
<blockquote type="cite" class="clean_bq"><span>
<div class="">
<div></div>
<div>Hi Esteban,
<div class=""><br class="">
</div>
<div class=""><span class="Apple-tab-span" style="white-space:pre"></span>Thank you for the update, but my web pages are big, and having all of them in one single DOM will be huge.</div>
<div class=""><span class="Apple-tab-span" style="white-space:pre"></span>Otherwise, this was helpful.</div>
<div class=""><span class="Apple-tab-span" style="white-space:pre"></span>Kind regards</div>
<div class=""><br class="">
</div>
<div class=""><span class="Apple-tab-span" style="white-space:pre"></span>Annick</div>
<div class=""><span class="Apple-tab-span" style="white-space:pre"></span><br class="">
<div><br class="">
<blockquote type="cite" class="">
<div class="">Le 4 févr. 2021 à 15:40, Esteban Maringolo <<a href="mailto:emaringolo@gmail.com" class="">emaringolo@gmail.com</a>> a écrit :</div>
<br class="Apple-interchange-newline">
<div class="">
<div dir="ltr" class="">
<div class="">Hi Annick,</div>
<div class=""><br class="">
</div>
<div class="">It is exactly as Karsten suggests, you usually replace a component by another one, depending on your needs you might use the call/answer, show or simply replace the component (the most common use).</div>
<div class=""><br class="">
</div>
<div class=""><br class="">
</div>
<div class=""> html tableRow<br class="">
onClick: ((html jQuery id: 'containerId') ajax html: [:h | h render: YourComponent new]);</div>
<div class=""><br class="">
</div>
<div class="">this will render YourComponent within a <div> with id 'containerId', that must exist in the DOM before making the call.</div>
<div class=""><br class="">
</div>
<div class="">regards</div>
<div class=""><br class="">
</div>
<div class="">
<div dir="ltr" class="gmail_signature" data-smartmail="gmail_signature">Esteban A. Maringolo</div>
</div>
<br class="">
</div>
<br class="">
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Thu, Feb 4, 2021 at 8:51 AM Karsten Kusche <<a href="mailto:karsten@heeg.de" class="">karsten@heeg.de</a>> wrote:<br class="">
</div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div class="">
<div style="font-family:Helvetica,Arial;font-size:13px" class="">Typically you use #call: to have the original component replace itself with another component and then this other component decides when to return by calling #answer:.</div>
<div style="font-family:Helvetica,Arial;font-size:13px" class=""><br class="">
</div>
<div style="font-family:Helvetica,Arial;font-size:13px" class="">If you move this task to the surrounding component, it can replace the sub-component any time, without the need for a #call:. This approach should be possible from Ajax, too: you basically replace
the component and redraw the cell.</div>
<div style="font-family:Helvetica,Arial;font-size:13px" class=""><br class="">
</div>
<div style="font-family:Helvetica,Arial;font-size:13px" class="">Karsten </div>
<br class="">
<div class="">
<div class="">— </div>
<div class=""><br class="">
<span style="white-space:pre-wrap;font-family:-apple-system;font-size:14px" class="">Georg Heeg eK</span></div>
<div class="">
<div style="font-family:-apple-system;font-size:14px" class="">
<pre style="white-space:pre-wrap" class="">Wallstraße 22
06366 Köthen
Tel.: 03496/214328
FAX: 03496/214712
Amtsgericht Dortmund HRA 12812</pre>
<div class=""><br class="">
</div>
</div>
</div>
</div>
<br class="">
<p class="">Am 4. Februar 2021 um 10:46:41, List (<a href="mailto:list@afceurope.com" target="_blank" class="">list@afceurope.com</a>) schrieb:</p>
<blockquote type="cite" class=""><span class="">
<div class="">
<div class=""></div>
<div class="">Thank you Karsten,
<div class=""><br class="">
</div>
<div class=""><span style="white-space:pre-wrap" class=""></span>Do you have any suggestion then outside putting an anchor in each cell ?</div>
<div class=""><br class="">
</div>
<div class=""><span style="white-space:pre-wrap" class=""></span>Kind regards</div>
<div class=""><br class="">
</div>
<div class=""><span style="white-space:pre-wrap" class=""></span>Annick<br class="">
<div class=""><br class="">
<blockquote type="cite" class="">
<div class="">Le 4 févr. 2021 à 10:45, Karsten Kusche <<a href="mailto:karsten@heeg.de" target="_blank" class="">karsten@heeg.de</a>> a écrit :</div>
<br class="">
<div class="">
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
Hi Annick,</div>
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
<br class="">
</div>
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
performing a #call: from within a Ajax callback typically doesn’t work in Seaside.</div>
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
<br class="">
</div>
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
Kind Regards</div>
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
Karsten</div>
<br style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
<div style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
<div class="">— </div>
<div class=""><br class="">
<span style="white-space:pre-wrap;font-family:-apple-system;font-size:14px" class="">Georg Heeg eK</span></div>
<div class="">
<div style="font-family:-apple-system;font-size:14px" class="">
<pre style="white-space:pre-wrap" class="">Wallstraße 22
06366 Köthen
Tel.: 03496/214328
FAX: 03496/214712
Amtsgericht Dortmund HRA 12812</pre>
<div class=""><br class="">
</div>
</div>
</div>
</div>
<br style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
<p style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
Am 4. Februar 2021 um 10:42:44, List (<a href="mailto:list@afceurope.com" target="_blank" class="">list@afceurope.com</a>) schrieb:</p>
<blockquote type="cite" style="font-family:Helvetica,Arial;font-size:13px;font-style:normal;font-variant-caps:normal;font-weight:normal;letter-spacing:normal;text-align:start;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px;text-decoration:none" class="">
<span class="">
<div class="">
<div class=""></div>
<div class="">Hi,<br class="">
<br class="">
I would like to call a new component from a table row as in the following<br class="">
<br class="">
<tr onclick=« callmycomponent…><br class="">
<br class="">
I have tried<br class="">
<br class="">
html tableRow<br class="">
onClick: (html jQuery callback: [self callMyComponent])<br class="">
<br class="">
but the callback is called and I stay on the same page<br class="">
<br class="">
Best regards<br class="">
<br class="">
Annick<br class="">
_______________________________________________<br class="">
seaside mailing list<br class="">
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank" class="">seaside@lists.squeakfoundation.org</a><br class="">
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a></div>
</div>
</span></blockquote>
</div>
</blockquote>
</div>
<br class="">
</div>
</div>
</div>
</span></blockquote>
</div>
_______________________________________________<br class="">
seaside mailing list<br class="">
<a href="mailto:seaside@lists.squeakfoundation.org" target="_blank" class="">seaside@lists.squeakfoundation.org</a><br class="">
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" rel="noreferrer" target="_blank" class="">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br class="">
</blockquote>
</div>
_______________________________________________<br class="">
seaside mailing list<br class="">
<a href="mailto:seaside@lists.squeakfoundation.org" class="">seaside@lists.squeakfoundation.org</a><br class="">
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br class="">
</div>
</blockquote>
</div>
<br class="">
</div>
_______________________________________________<br>
seaside mailing list<br>
seaside@lists.squeakfoundation.org<br>
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside<br>
</div>
</div>
</span></blockquote>
</body>
</html>