<div dir="ltr"><br><div class="gmail_extra"><br><br><div class="gmail_quote">On Sat, Jun 28, 2014 at 5:21 AM, Johan Brichau <span dir="ltr">&lt;<a href="mailto:johan@inceptive.be" target="_blank" class="vt-p">johan@inceptive.be</a>&gt;</span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">Hi Mariano,<br>
<br>
Aha, indeed, the dialog is supposed to be invoked on the DOM element that should be the dialog.<br>
A quick look at the JQDialogFunctionalTest also reveals that.<br>
<br>
As I said, I never used it, so I was not aware how it is supposed to be used.<br>
<br>
Glad that you found it.<br>
I woke up this morning thinking I still needed to investigate your problem.<br>
What a good night sleep can do!! ;-))))<br></blockquote><div><br></div><div><br></div><div>heheheh indeed :)   Thanks for your help and worries.</div><div><br></div><div>BTW, and just to help someone else...the provided example does not work properly in GemStone because of the famous problem with temp var and callbacks. The solution is to use a ValueHolder for &#39;var&#39;:</div>
<div><br></div><div><div><div>        | val |</div><div><span class="" style="white-space:pre">        </span><b>val := ValueHolder new.</b></div><div><span class="" style="white-space:pre">        </span>^ html jQuery this</div><div><span class="" style="white-space:pre">                </span>on: &#39;click&#39;</div>
<div><span class="" style="white-space:pre">                </span>selector: &#39;.clickablePopup&#39;</div><div><span class="" style="white-space:pre">                </span>do: ((html jQuery ajax </div><div><span class="" style="white-space:pre">                                </span>callback: [:pass | <b>val contents: pass first</b> ]</div>
<div><span class="" style="white-space:pre">                                </span>passengers: (html jQuery this);</div><div><span class="" style="white-space:pre">                                </span>script: [ :s | s &lt;&lt; (self scriptToOpenDialogOn: s value: <b>val contents</b>) ]) asFunction: #(event))</div>
<div><span class="" style="white-space:pre">                                </span></div></div></div><div> </div><div>Cheers, </div><div><br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">

<br>
cheers<br>
<span class=""><font color="#888888">Johan<br>
</font></span><div class=""><div class="h5"><br>
On 28 Jun 2014, at 03:32, Mariano Martinez Peck &lt;<a href="mailto:marianopeck@gmail.com" class="vt-p">marianopeck@gmail.com</a>&gt; wrote:<br>
<br>
&gt; Hi Johan,<br>
&gt;<br>
&gt; I made it work!!!! I am not sure if this is the solution. But the problem was indeed related to &#39;this&#39;. I ended up creating a div for the table, that is:<br>
&gt;<br>
&gt; | divID |<br>
&gt;                       divID := html div ensureId.<br>
&gt;                       html table<br>
&gt;               script: (self scriptForClickHandlerOn: html);<br>
&gt;               with:[<br>
&gt;<br>
&gt;       | divID |<br>
&gt;                       divID := html div ensureId.<br>
&gt;<br>
&gt;                       1 to: 100 do:[:row | html tableRow:[<br>
&gt;                               1 to: 100 do:[:col |<br>
&gt;<br>
&gt; .....<br>
&gt;<br>
&gt; And then, the popup is created this way:<br>
&gt;<br>
&gt;  (html jQuery:  (&#39;#&#39;,somewhereTheStoredID)) dialog<br>
&gt;<br>
&gt;<br>
&gt; so that way, it translates to  $(idXXX).dialog .... instead of $(this).dialog ..<br>
&gt;<br>
&gt; Thanks Johan,  this is awesome. Now I need to integrate this into my app and make some benchs.<br>
&gt;<br>
&gt; Thanks again,<br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt; On Fri, Jun 27, 2014 at 10:16 AM, Mariano Martinez Peck &lt;<a href="mailto:marianopeck@gmail.com" class="vt-p">marianopeck@gmail.com</a>&gt; wrote:<br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt; On Fri, Jun 27, 2014 at 10:06 AM, Johan Brichau &lt;<a href="mailto:johan@inceptive.be" class="vt-p">johan@inceptive.be</a>&gt; wrote:<br>
&gt; Mariano,<br>
&gt;<br>
&gt; hm... the value of &#39;this&#39; is certainly different (client-side).<br>
&gt;<br>
&gt; Could you send me a file I can filein so I can get the exact example you have? That would make it easier for me look at.<br>
&gt;<br>
&gt;<br>
&gt; Sure! Please find attach it. It is a slightly different version of the example you provided (the changes are the ones I mentioned in a previous email).<br>
&gt;<br>
&gt; Thanks Johan!<br>
&gt;<br>
&gt;<br>
&gt; Johan<br>
&gt;<br>
&gt; On 27 Jun 2014, at 15:03, Mariano Martinez Peck &lt;<a href="mailto:marianopeck@gmail.com" class="vt-p">marianopeck@gmail.com</a>&gt; wrote:<br>
&gt;<br>
&gt; &gt; Hi Johan. I will take a look to what you said. However, note that the exact same of using the JQDialog DO work if I do &quot;one anchor and one dialog&quot; per cell, as I posted at the very beginning of this thread. So it seems somehow related to the new approach you suggested. May it be related to the fact that to #scriptToOpenDialogOn:value: the html canvas I pass around is actually a JQScript rather than a WAHtmlCanvas? May this affect the way the JQDialog processes the #html:  (In this example a WAFormDialog). ?<br>

&gt; &gt;<br>
&gt; &gt; Thanks!<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; On Fri, Jun 27, 2014 at 9:29 AM, Johan Brichau &lt;<a href="mailto:johan@inceptive.be" class="vt-p">johan@inceptive.be</a>&gt; wrote:<br>
&gt; &gt; Hey Mariano,<br>
&gt; &gt;<br>
&gt; &gt; Sorry, I forgot about your question.<br>
&gt; &gt;<br>
&gt; &gt; The issue is that I don&#39;t have experience using the JQDialog.<br>
&gt; &gt; Maybe you should take a look at the script that is executed and if that corresponds to how the jQuery Dialog is supposed to be used?<br>
&gt; &gt;<br>
&gt; &gt; I&#39;m pretty sure that the event delegation has nothing to do with the second click. Does the script get executed client side?<br>
&gt; &gt; You can test that by concatenating a (JSStream on: &#39;debugger&#39;) before the jqdialog script. In that way, you can better trace what happens client-side.<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; scriptToOpenDialogOn: html value: value<br>
&gt; &gt;<br>
&gt; &gt;         ^ (JSStream on: &#39;debugger&#39;),<br>
&gt; &gt;           (html jQuery new dialog<br>
&gt; &gt;                         title: &#39;Dialog!&#39;;<br>
&gt; &gt;                         html: (WAFormDialog new<br>
&gt; &gt;                                         addMessage: (&#39;Row: &#39;, value x asString, &#39; Column: &#39;, value y asString);<br>
&gt; &gt;                                         yourself);<br>
&gt; &gt;                         autoOpen: true;<br>
&gt; &gt;                         draggable: true;<br>
&gt; &gt;                         resizable: false;<br>
&gt; &gt;                         position: &#39;top&#39;;<br>
&gt; &gt;                         closeOnEscape: true;<br>
&gt; &gt;                         maxWidth: 900;<br>
&gt; &gt;                         width: 900;<br>
&gt; &gt;                         addButton: &#39;Close&#39; do: html jQuery new dialog close)<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; But I&#39;m afraid I&#39;m a little buried in other work so I cannot start experimenting with JQDialog right now...<br>
&gt; &gt;<br>
&gt; &gt; Johan<br>
&gt; &gt;<br>
&gt; &gt; On 27 Jun 2014, at 13:55, Mariano Martinez Peck &lt;<a href="mailto:marianopeck@gmail.com" class="vt-p">marianopeck@gmail.com</a>&gt; wrote:<br>
&gt; &gt;<br>
&gt; &gt; &gt; Hi Johan,<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Any idea so that I can try over the weekend?<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Thanks a lot in advance,<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; On Tue, Jun 24, 2014 at 11:53 AM, Mariano Martinez Peck &lt;<a href="mailto:marianopeck@gmail.com" class="vt-p">marianopeck@gmail.com</a>&gt; wrote:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; On Mon, Jun 23, 2014 at 3:34 PM, Johan Brichau &lt;<a href="mailto:johan@inceptive.be" class="vt-p">johan@inceptive.be</a>&gt; wrote:<br>
&gt; &gt; &gt; Mariano,<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; While I prepare a better example to include in documentation, you can find a complete (but simple) class that exhibits the entire idea in attachment.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Thank you very much Johan. I didn&#39;t answer before to your original answer because I didn&#39;t know even where to start ;)<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; In a case such as yours, the page rendering is slow because for each cell both a dialog opening script and a click handler script are generated. I&#39;m pretty sure the size of the response is relatively large too. This means a considerable delay in rendering and transfer time.<br>

&gt; &gt; &gt;<br>
&gt; &gt; &gt; Indeed. As far as I remember, it increased the response size by 30% (just adding popups to one column). But I will double check later.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; In the example, I have a simple component that generates the following table.<br>
&gt; &gt; &gt; Instead of generating a click handler on each anchor, I generate a single click handler on the table that catches delegated click events from the table cells:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; renderContentOn: html<br>
&gt; &gt; &gt;         html table<br>
&gt; &gt; &gt;                 script: (self scriptForClickHandlerOn: html);<br>
&gt; &gt; &gt;                 with:[<br>
&gt; &gt; &gt;                         1 to: 100 do:[:row | html tableRow:[<br>
&gt; &gt; &gt;                                 1 to: 100 do:[:col |<br>
&gt; &gt; &gt;                                         html tableData:[<br>
&gt; &gt; &gt;                                                 html anchor<br>
&gt; &gt; &gt;                                                         class: &#39;clickme&#39;;<br>
&gt; &gt; &gt;                                                         url: &#39;#&#39;;<br>
&gt; &gt; &gt;                                                         passenger: row@col;<br>
&gt; &gt; &gt;                                                         with: (row@col) printString]]]]]<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; The click handler script is a jQuery ajax callback that retrieves the passenger from the anchor (see <a href="http://api.jquery.com/on/" target="_blank" class="vt-p">http://api.jquery.com/on/</a> on the meaning of this inside the &#39;do:&#39; part) and executes your dialog opening script.<br>

&gt; &gt; &gt;<br>
&gt; &gt; &gt; scriptForClickHandlerOn: html<br>
&gt; &gt; &gt;         | val |<br>
&gt; &gt; &gt;         ^ html jQuery this<br>
&gt; &gt; &gt;                 on: &#39;click&#39;<br>
&gt; &gt; &gt;                 selector: &#39;.clickme&#39;<br>
&gt; &gt; &gt;                 do: ((html jQuery ajax<br>
&gt; &gt; &gt;                                 callback: [:pass | val := pass ]<br>
&gt; &gt; &gt;                                 passengers: (html jQuery this);<br>
&gt; &gt; &gt;                                 script: [ :s | s &lt;&lt; (self scriptToOpenDialog: val on: s ) ]) asFunction: #(event))<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; The end result is that:<br>
&gt; &gt; &gt; - there is only one click handler script generated<br>
&gt; &gt; &gt; - only those dialogs get generated that you need<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; These are the basics. We have numerous cases where we had to implement everything using delegated events. The nice part is that the &#39;single click handler&#39; can easily dispatch to the passenger to generate a response. In that way, you can implement the same callbacks in your passengers, just like when you would attach them directly to the generated anchor in the table.<br>

&gt; &gt; &gt;<br>
&gt; &gt; &gt; Mind that storing passengers also has its overhead and I have noticed that in Gemstone this is typically slower than in Pharo (something to investigate next Seaside sprint actually).<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Thanks. Yes, the basics are clear. I tried your example and it didn&#39;t work out of the box. The first thing I realized is that I needed to add the JQuery libs to the app registration. So I added a simple:<br>

&gt; &gt; &gt;<br>
&gt; &gt; &gt; JQExampleGrid class &gt;&gt; initialize<br>
&gt; &gt; &gt;  (WAAdmin register: self asApplicationAt: &#39;popups&#39;)<br>
&gt; &gt; &gt;       addLibrary: JQDevelopmentLibrary;<br>
&gt; &gt; &gt;       addLibrary: JQUiDevelopmentLibrary;<br>
&gt; &gt; &gt;       addLibrary: DpJQEggplantTheme;<br>
&gt; &gt; &gt;       yourself<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Then I did a small change and I added the value as an argument:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; script: [ :s | s &lt;&lt; (self scriptToOpenDialogOn: s value: val ) ]) asFunction: #(event))<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; So then I implemented:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; scriptToOpenDialogOn: html value: value<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;       ^ (html jQuery new dialog<br>
&gt; &gt; &gt;                       title: &#39;Dialog!&#39;;<br>
&gt; &gt; &gt;                       html: (WAFormDialog new<br>
&gt; &gt; &gt;                                       addMessage: (&#39;Row: &#39;, value x asString, &#39; Column: &#39;, value y asString);<br>
&gt; &gt; &gt;                                       yourself);<br>
&gt; &gt; &gt;                       autoOpen: true;<br>
&gt; &gt; &gt;                       draggable: true;<br>
&gt; &gt; &gt;                       resizable: false;<br>
&gt; &gt; &gt;                       position: &#39;top&#39;;<br>
&gt; &gt; &gt;                       closeOnEscape: true;<br>
&gt; &gt; &gt;                       maxWidth: 900;<br>
&gt; &gt; &gt;                       width: 900;<br>
&gt; &gt; &gt;                       addButton: &#39;Close&#39; do: html jQuery new dialog close)<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Note here that:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; 1) I removed the #open at the end and I put autoOpen to true. Otherwise, no popup would open. I already found this problem without these passengers stuff.<br>
&gt; &gt; &gt; 2) If I comment the #html of the popup...the popup only opens in the SECOND click (on a second column/row).  If I want to render something using #html the popup will never open.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; So I still need to figure out why it only opens at the second click and how to render a custom component in #html:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Thanks Johan for any other further help.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Best,<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Hope this helps!<br>
&gt; &gt; &gt; Johan<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; On 23 Jun 2014, at 15:52, Mariano Martinez Peck &lt;<a href="mailto:marianopeck@gmail.com" class="vt-p">marianopeck@gmail.com</a>&gt; wrote:<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; On Fri, Jun 20, 2014 at 4:04 PM, Paul DeBruicker &lt;<a href="mailto:pdebruic@gmail.com" class="vt-p">pdebruic@gmail.com</a>&gt; wrote:<br>
&gt; &gt; &gt; &gt; Johan is right, but another path is instead have the link in the cell create<br>
&gt; &gt; &gt; &gt; then open the dialog, rather than creating all of the dialogs.<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; Hi Paul, good idea. I am trying to make this to work but I wasn&#39;t fully success.<br>
&gt; &gt; &gt; &gt; The first problem is that with this code:<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; html anchor<br>
&gt; &gt; &gt; &gt;       onClick: (html jQuery new dialog<br>
&gt; &gt; &gt; &gt;                                       html: dialog;<br>
&gt; &gt; &gt; &gt;                                       title: anItem class label;<br>
&gt; &gt; &gt; &gt;                                       autoOpen: false;<br>
&gt; &gt; &gt; &gt;                                       draggable: true;<br>
&gt; &gt; &gt; &gt;                                       resizable: false;<br>
&gt; &gt; &gt; &gt;                                       position: &#39;top&#39;;<br>
&gt; &gt; &gt; &gt;                                       closeOnEscape: true;<br>
&gt; &gt; &gt; &gt;                                       maxWidth: 900;<br>
&gt; &gt; &gt; &gt;                                       width: 900;<br>
&gt; &gt; &gt; &gt;                                       addButton: &#39;Close&#39; do: html jQuery new dialog close);<br>
&gt; &gt; &gt; &gt; with: linkText.<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; whenever I click on the link, after that, the link disappears. That is....that anchor I have just created above simply disappears as soon as I click it. Any idea what could be?<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; The second problem but I think this is I workarounded is that opening the dialog did not work if I added a &quot;open&quot; at the end:<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; html anchor<br>
&gt; &gt; &gt; &gt;       onClick: (html jQuery new dialog<br>
&gt; &gt; &gt; &gt;                                       html: dialog;<br>
&gt; &gt; &gt; &gt;                                       title: anItem class label;<br>
&gt; &gt; &gt; &gt;                                       autoOpen: false;<br>
&gt; &gt; &gt; &gt;                                       draggable: true;<br>
&gt; &gt; &gt; &gt;                                       resizable: false;<br>
&gt; &gt; &gt; &gt;                                       position: &#39;top&#39;;<br>
&gt; &gt; &gt; &gt;                                       closeOnEscape: true;<br>
&gt; &gt; &gt; &gt;                                       maxWidth: 900;<br>
&gt; &gt; &gt; &gt;                                       width: 900;<br>
&gt; &gt; &gt; &gt;                                       addButton: &#39;Close&#39; do: html jQuery new dialog close) open;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;  with that..there was no way to open the popup...I would trigger nothing. And the js that would generate was this:<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; onclick=&#39;$(this).dialog(&quot;open&quot;,{&quot;autoOpen&quot;:false,&quot;open&quot;:function(){$(this).load(&quot;/reps&quot;,[&quot;_s=0KoItSGAUSDCI9-O&quot;,&quot;_k=Fs2RujK7zl29NheB&quot;,&quot;accessMenu=Clients&quot;,&quot;activityMenu=Accounts&quot;,&quot;102&quot;].join(&quot;&amp;&quot;))},&quot;title&quot;:&quot;XXX&quot;,&quot;draggable&quot;:true,&quot;resizable&quot;:false,&quot;position&quot;:&quot;top&quot;,&quot;closeOnEscape&quot;:true,&quot;maxWidth&quot;:900,&quot;width&quot;:900,&quot;buttons&quot;:{&quot;Close&quot;:function(){$(this).dialog(&quot;close&quot;)}}})&#39;<br>

&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; So the workaround I found was to set the &quot;autoOpen: true&quot; to the dialog and have no explicit #open.<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; Thanks in advance,<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;  Or just have<br>
&gt; &gt; &gt; &gt; one dialog right before the closing body tag and have the link in the cell<br>
&gt; &gt; &gt; &gt; load the dialogs contents via ajax and then open it.<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; Mariano Martinez Peck wrote<br>
&gt; &gt; &gt; &gt; &gt; Hi guys,<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; I have just started to use JQDialog...because it is already integrated and<br>
&gt; &gt; &gt; &gt; &gt; very easy to use. In my case, I have tables where for some columns, the<br>
&gt; &gt; &gt; &gt; &gt; contents shows a link to open a popup. With a table of around 250 items<br>
&gt; &gt; &gt; &gt; &gt; and<br>
&gt; &gt; &gt; &gt; &gt; 3 or 4 columns with popups..that is ... 1000 JQDialog instances at render<br>
&gt; &gt; &gt; &gt; &gt; time, it gets very slow! The table passes from 1s to render to 3s! :(<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; I have benchmarked everything. From the server side, the response is fast.<br>
&gt; &gt; &gt; &gt; &gt; I have even tried by specifying no html (so the popup does simply<br>
&gt; &gt; &gt; &gt; &gt; nothing....and same results). The way I create the dialogs and the button<br>
&gt; &gt; &gt; &gt; &gt; for them is:<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; div := html div<br>
&gt; &gt; &gt; &gt; &gt;       script: (html jQuery new dialog<br>
&gt; &gt; &gt; &gt; &gt; html: dialog;<br>
&gt; &gt; &gt; &gt; &gt;          title: anItem class label;<br>
&gt; &gt; &gt; &gt; &gt;          autoOpen: false;<br>
&gt; &gt; &gt; &gt; &gt; draggable: true;<br>
&gt; &gt; &gt; &gt; &gt; resizable: false;<br>
&gt; &gt; &gt; &gt; &gt; position: &#39;top&#39;;<br>
&gt; &gt; &gt; &gt; &gt; closeOnEscape: true;<br>
&gt; &gt; &gt; &gt; &gt; maxWidth: 900;<br>
&gt; &gt; &gt; &gt; &gt; width: 900;<br>
&gt; &gt; &gt; &gt; &gt;          addButton: &#39;Close&#39; do: html jQuery new dialog close).<br>
&gt; &gt; &gt; &gt; &gt; id := div ensureId.<br>
&gt; &gt; &gt; &gt; &gt;  html anchor<br>
&gt; &gt; &gt; &gt; &gt; onClick: (html jQuery id: id) dialog open;<br>
&gt; &gt; &gt; &gt; &gt; with: (description toString: anItem).  ]<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; Is there a way to improve this? For example, there is no way to make the<br>
&gt; &gt; &gt; &gt; &gt; js<br>
&gt; &gt; &gt; &gt; &gt; dialog object creation lazy (upon button click)? I read that making the<br>
&gt; &gt; &gt; &gt; &gt; dialog not draggable and not resizable increases speed..but I tested and<br>
&gt; &gt; &gt; &gt; &gt; it<br>
&gt; &gt; &gt; &gt; &gt; was not that much.<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt;&gt;From js profiling it looks like what it takes time is the dialog creation.<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; Thanks in advance,<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; --<br>
&gt; &gt; &gt; &gt; &gt; Mariano<br>
&gt; &gt; &gt; &gt; &gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt; &gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; _______________________________________________<br>
&gt; &gt; &gt; &gt; &gt; seaside mailing list<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; seaside@.squeakfoundation<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; --<br>
&gt; &gt; &gt; &gt; View this message in context: <a href="http://forum.world.st/With-several-JQDialog-it-gets-very-slow-tp4763985p4764003.html" target="_blank" class="vt-p">http://forum.world.st/With-several-JQDialog-it-gets-very-slow-tp4763985p4764003.html</a><br>

&gt; &gt; &gt; &gt; Sent from the Seaside General mailing list archive at Nabble.com.<br>
&gt; &gt; &gt; &gt; _______________________________________________<br>
&gt; &gt; &gt; &gt; seaside mailing list<br>
&gt; &gt; &gt; &gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; &gt; &gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt;<br>
&gt; &gt; &gt; &gt; --<br>
&gt; &gt; &gt; &gt; Mariano<br>
&gt; &gt; &gt; &gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt; &gt; &gt; &gt; _______________________________________________<br>
&gt; &gt; &gt; &gt; seaside mailing list<br>
&gt; &gt; &gt; &gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; &gt; &gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; _______________________________________________<br>
&gt; &gt; &gt; seaside mailing list<br>
&gt; &gt; &gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; &gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; --<br>
&gt; &gt; &gt; Mariano<br>
&gt; &gt; &gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; --<br>
&gt; &gt; &gt; Mariano<br>
&gt; &gt; &gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt; &gt; &gt; _______________________________________________<br>
&gt; &gt; &gt; seaside mailing list<br>
&gt; &gt; &gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; &gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt; &gt;<br>
&gt; &gt; _______________________________________________<br>
&gt; &gt; seaside mailing list<br>
&gt; &gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; --<br>
&gt; &gt; Mariano<br>
&gt; &gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt; &gt; _______________________________________________<br>
&gt; &gt; seaside mailing list<br>
&gt; &gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; &gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt;<br>
&gt; _______________________________________________<br>
&gt; seaside mailing list<br>
&gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt; --<br>
&gt; Mariano<br>
&gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt; --<br>
&gt; Mariano<br>
&gt; <a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
&gt; _______________________________________________<br>
&gt; seaside mailing list<br>
&gt; <a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
&gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
<br>
_______________________________________________<br>
seaside mailing list<br>
<a href="mailto:seaside@lists.squeakfoundation.org" class="vt-p">seaside@lists.squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" class="vt-p">http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>
</div></div></blockquote></div><br><br clear="all"><div><br></div>-- <br>Mariano<br><a href="http://marianopeck.wordpress.com" target="_blank" class="vt-p">http://marianopeck.wordpress.com</a><br>
</div></div>