Hi Lukas,<br><br>The code mentioned in the earlier mail works fine with FireFox 2.0, When you sort the &quot;ordered List&quot; , the numbers to the left are also updated accordingly. Today I tried to do the same thing in IE 
6.0.2900, the sorting of items is done, but the number associated with respective listItem remains with it even after sorting it., Only after a browser refresh, the numbers are updated. Is this a bug or I have some problem in my code.
<br><br>How exactly do I use userAgent ?? Do distinguish between different browser and render the code accordingly (If at all it is done this way)<br><br>Thanks in advance,<br><br>Rajeev<br><br><div><span class="gmail_quote">
On 8/29/07, <b class="gmail_sendername">Rajeev Lochan</b> &lt;<a href="mailto:lochan94@gmail.com">lochan94@gmail.com</a>&gt; wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Thanks for updating, I tried the following stuff and it worked. :)<br><br><span style="color: rgb(255, 0, 0);">html unorderedList id: &#39;sortItems&#39;;</span><span class="q"><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; script: (html sortable <br>
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; 
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; onUpdate: (html request<br></span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; triggerSortable: &#39;sortItems&#39;<span class="q"><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; callback: [:col | self model items: col]));<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; with: [
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; self model items
<br></span><span class="q">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; do: [ :each |<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; html listItem<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; passenger: each;<br></span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; with: each title]].<span class="q"><br><br>html submitButton callback: [self answer: self model}
<br>
<br><br></span>As a matter of fact, I also tried the following things (Just in case anyone like me wants more out of sorting list), you can also edit using textInput ...<br><br><br><span style="color: rgb(255, 0, 0);">html orderedList id: &#39;sortItems&#39;;
</span><span class="q"><br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; script: (html sortable <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; onUpdate: (html request<br></span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; triggerSortable: &#39;sortItems&#39;<span class="q">
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; callback: [:col | self model items: col]));
<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; with: [<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; self model items<br></span><span class="q">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; do: [ :each |<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; html listItem<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; passenger: each;<br></span><span style="color: rgb(255, 0, 0);">

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; with: [self renderItemEditOn: each on: html]]].<br><span style="color: rgb(0, 0, 0);">html submitButton....</span><br><br><br><span style="color: rgb(0, 0, 0);">ListView &gt;&gt; renderItenEditOn: each on: html
</span><br style="color: rgb(0, 0, 0);"><br style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">renderItemFalse: anItem on: html </span><br style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; html textInput value: anItem title;
</span><br style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; </span><span style="color: rgb(0, 0, 0);">callback: [:value | anItem title: value]</span><br style="color: rgb(0, 0, 0);">

<br><span style="color: rgb(0, 0, 0);">Thanks a lot Lukas for the wonderful work of porting scriptaculous to Seaside and helping the whole seaside community.</span><br></span><br>Regards,<br><span class="sg"><br>Rajeev<br>
<br><br><br></span><div><span class="e" id="q_114ae8ca4ea720a9_14"><div>
<span class="gmail_quote">On 8/29/07, <b class="gmail_sendername">Lukas Renggli</b> &lt;<a href="mailto:renggli@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">renggli@gmail.com</a>&gt; wrote:
</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I just added to the Scriptaculous package a new example SUSortableTest<br>(the old one is renamed to SUSortableDoubleTest).<br><br>Name: Scriptaculous-lr.216<br>Author: lr<br>Time: 28 August 2007, 11:55:19 pm<br>UUID: 74f452a8-083b-4155-bf82-aa83ff8ace0d
<br>Ancestors: Scriptaculous-lr.215<br><br>- added a trivial example of sortable lists<br><br>The code is as simple as:<br><br>initialize<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;super initialize.<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;collection := #( &#39;San Salvatore&#39; &#39;Monte Bre&#39; &#39;Calvagione&#39; )
<br><br>renderContentOn: html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;| id |<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html unorderedList<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id: (id := html nextId);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;script: (html sortable<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onUpdate: (html request<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;triggerSortable: id
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;callback: [ :value | collection := value ]));<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;with: [ self renderListItemsOn: html ]<br><br>renderListItemsOn: html<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;collection do: [ :each |<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html listItem
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;passenger: each;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;with: each ]<br><br>On 8/28/07, Rajeev Lochan &lt;<a href="mailto:lochan94@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
lochan94@gmail.com</a>&gt; wrote:<br>&gt; Hi,<br>&gt;<br>&gt; I had tried to imitate what you(Lukas) had posted on
<br>&gt;<br>&gt; <a href="http://www.lukas-renggli.ch/smalltalk/seaside/web20.txt" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.lukas-renggli.ch/smalltalk/seaside/web20.txt</a><br>&gt;
<br>&gt; I also changed the renderItemOn: code after crosschecking from your site to
<br>&gt;<br>&gt; html div<br>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; passenger: anItem;<br>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; with: [<br>&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html render: anItem title]<br>&gt;<br>&gt;<br>&gt; Still I am not able to figure out the solution.
<br>&gt;<br>&gt; Regards,<br>&gt;<br>&gt; Rajeev<br>&gt;<br>&gt;<br>&gt; On 8/29/07, Rajeev Lochan &lt;<a href="mailto:lochan94@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">lochan94@gmail.com
</a>&gt; wrote:<br>&gt; &gt; Hi Lukas,<br>&gt; &gt;<br>&gt; &gt; As suggested by you, I made the following changes.
<br>&gt; &gt;<br>&gt; &gt; ListView&gt;&gt; renderContentOn:html<br>&gt; &gt; html form: [<br>&gt; &gt; html render: self model title.<br>&gt; &gt; html div class: &#39;items&#39;;<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; script: (html sortable tag: &#39;div&#39;;
<br>&gt; &gt;<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onUpdate: (html request<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; triggerSortable: &#39;items&#39;<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; callback: [:col | self model items: col]));<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; with: [
<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; self model items do: [:eachItem| self<br>&gt; renderItemOn:eachItem].<br>&gt; &gt; html submitButton callback: [self answer: self model]; text:&#39;Update&#39;<br>&gt; &gt;<br>&gt; &gt;<br>

&gt; &gt; ListView&gt;&gt; renderItemOn: html<br>&gt; &gt;<br>&gt; &gt; html div id: &#39;myListEditItems&#39;;<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; passenger: anItem;<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; with: [<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; html render: anItem title]
<br>&gt; &gt;<br>&gt; &gt; When I try to update it, its not being done. The self halt introduced<br>&gt; earlier in<br>&gt; &gt;<br>&gt; &gt; onUpdate: (html request<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; triggerSortable: &#39;items&#39;
<br>&gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; callback: [:col |self halt. self model items: col]));<br>&gt; &gt;<br>&gt; &gt; is also not stopped for debugging.<br>&gt; &gt;<br>&gt; &gt; I Followed through the SUSortableTest to catch up a few hints. But that
<br>&gt; seemed to be very complex compared to the situation we have here.<br>&gt; &gt;<br>&gt; &gt; I also tried html div class: &#39;myListEditItems&#39;; But no progress either.<br>&gt; &gt;<br>&gt; &gt; Where i am i falling down ??
<br>&gt; &gt;<br>&gt; &gt; Rajeev<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt; On 8/29/07, Rajeev Lochan &lt;<a href="mailto:lochan94@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">

lochan94@gmail.com</a>&gt; wrote:<br>&gt; &gt; &gt; Thanks Lukas,<br>&gt; &gt; &gt; I shall incorporate changes and come back<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt; On 8/29/07, Lukas Renggli &lt; 
<a href="mailto:renggli@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">renggli@gmail.com</a> &gt; wrote:<br>&gt; &gt; &gt; &gt; There are many different problems with your approach:<br>
&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; &gt; ListView&gt;&gt; renderContentOn: html
<br>&gt; &gt; &gt; &gt; &gt; html form: [<br>&gt; &gt; &gt; &gt; &gt; html render: self model title.<br>&gt; &gt; &gt; &gt; &gt; html div class: &#39;items&#39;;<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;script: (html sortable tag: &#39;div&#39;;
<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; onUpdate: (html request<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; triggerSortable: &#39;items&#39;<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; callback: [:col | self model items: col]));
<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; If you say the sortable should use &#39;div&#39; tags, then all elements<br>&gt; &gt; &gt; &gt; inside your container should be of that kind. Check out the method<br>&gt; &gt; &gt; &gt; comment of #tag:
<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; with: [<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; self model items do: [:eachItem| self<br>&gt; &gt; &gt; &gt; &gt; renderItemOn:eachItem].<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html submitButton callback: [self answer: self
<br>&gt; model]]]<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; Uhh, the button should be outside the container.<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; &gt; ListView&gt;&gt; renderItemOn: anItem<br>&gt; &gt; &gt; &gt; &gt; html
<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; table: [html<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; tableRow: [html tableData id: &#39;checkBoxItem&#39;;<br>&gt; &gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; with: [html checkbox value: anItem done;
<br>&gt; &gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; callback: [:value |<br>&gt; anItem done: value]].<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; html tableData id: &#39;myListEditItems&#39;;
<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; passenger: anItem;<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; with: [<br>&gt; &gt; &gt; &gt; &gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; html render: anItem title]]]<br>
&gt; &gt; &gt; &gt;
<br>&gt; &gt; &gt; &gt; The sortable elements should be DIV-tags, if you declare them to be<br>&gt; &gt; &gt; &gt; DIVs. Tables in general don&#39;t work together with drag&amp;drop, so avoid<br>&gt; &gt; &gt; &gt; them altogether (see documentation of 
<a href="http://script.aculo.us" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">script.aculo.us</a>).<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; Furthermore you need to assign the #passenger: to the direct child of
<br>&gt; &gt; &gt; &gt; the container (the DIV). Again see the documentation of
<br>&gt; &gt; &gt; &gt; <a href="http://script.aculo.us" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">script.aculo.us</a>.<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; &gt; The page is rendered and the items can be sorted. The sorting is
<br>&gt; only done<br>&gt; &gt; &gt; &gt; &gt; on the client end. If I submit the button, the new order of the
<br>&gt; items isn&#39;t<br>&gt; &gt; &gt; &gt; &gt; updated. Am I missing anything ?<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; That&#39;s because you tell Scriptaculous to only consider div-tags, but<br>&gt; &gt; &gt; &gt; you add table-tags as children.
<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; Have a look at SUSortableTest for a working example.<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; HTH,<br>&gt; &gt; &gt; &gt; Lukas<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt; &gt; --
<br>&gt; &gt; &gt; &gt; Lukas Renggli<br>&gt; &gt; &gt; &gt; <a href="http://www.lukas-renggli.ch" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.lukas-renggli.ch</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" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">Seaside@lists.squeakfoundation.org</a><br>&gt; &gt; &gt; &gt;<br>&gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">

http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>&gt;<br>&gt; &gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt;<br>&gt; &gt; &gt; --<br>&gt; &gt; &gt; Rajeev Lochan
<br>&gt; &gt; &gt;<br>&gt; &gt; &gt; Co-founder, AR-CAD.com<br>&gt; &gt; &gt;<br>&gt; &gt; &gt; <a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://www.ar-cad.com
</a><br>&gt; &gt; &gt; +91 9243468076 (Bangalore)<br>&gt; &gt; &gt; 080 65355873
<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt;<br>&gt; &gt; --<br>&gt; &gt; Rajeev Lochan<br>&gt; &gt;<br>&gt; &gt; Co-founder, AR-CAD.com<br>&gt; &gt;<br>&gt; &gt; <a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.ar-cad.com</a><br>&gt; &gt; +91 9243468076 (Bangalore)
<br>&gt; &gt; 080 65355873<br>&gt;<br>&gt;<br>&gt;<br>&gt; --<br>&gt; Rajeev Lochan<br>&gt;<br>&gt; Co-founder, AR-CAD.com<br>&gt;<br>&gt; <a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.ar-cad.com</a><br>&gt; +91 9243468076 (Bangalore)
<br>&gt; 080 65355873<br>&gt; _______________________________________________<br>&gt; Seaside mailing list<br>&gt; <a href="mailto:Seaside@lists.squeakfoundation.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
Seaside@lists.squeakfoundation.org</a><br>&gt; <a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</a><br>&gt;<br>&gt;<br><br><br>--<br>Lukas Renggli<br><a href="http://www.lukas-renggli.ch" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.lukas-renggli.ch</a><br>_______________________________________________
<br>Seaside mailing list<br><a href="mailto:Seaside@lists.squeakfoundation.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">Seaside@lists.squeakfoundation.org</a><br><a href="http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside
</a><br></blockquote></div><br><br clear="all"><br></span></div>-- <div><span class="e" id="q_114ae8ca4ea720a9_16"><br>Rajeev Lochan<br><br>Co-founder, AR-CAD.com<br><br><a href="http://www.ar-cad.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://www.ar-cad.com</a><br>+91 9243468076 (Bangalore)<br>080 65355873
</span></div></blockquote></div><br><br clear="all"><br>-- <br>Rajeev Lochan<br><br>Co-founder, AR-CAD.com<br><br><a href="http://www.ar-cad.com">http://www.ar-cad.com</a><br>+91 9243468076 (Bangalore)<br>080 65355873