<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head><body dir="auto"><div class="post-text" itemprop="text" style="margin: 0px 5px 5px 0px; padding: 0px; border: 0px; width: 660px; word-wrap: break-word;"><p style="margin: 0px 0px 1em; padding: 0px; border: 0px; clear: both;"><span style="background-color: rgba(255, 255, 255, 0);">The code below is form the Seaside book at: <a href="http://book.seaside.st/book/web-20/jquery/enhanced-todo-application/drag-and-drop" rel="nofollow" style="margin: 0px; padding: 0px; border: 0px; cursor: pointer; text-decoration: none;">http://book.seaside.st/book/web-20/jquery/enhanced-todo-application/drag-and-drop</a></span></p><p style="margin: 0px 0px 1em; padding: 0px; border: 0px; clear: both;"><br></p><p style="margin: 0px 0px 1em; padding: 0px; border: 0px; clear: both;"><span style="background-color: rgba(255, 255, 255, 0);"><span class="patternKeyword" style="margin: 0px; padding: 0px; border: 0px; font-weight: bold; vertical-align: baseline;">ToDoListView>>renderContentOn:</span> <span class="patternArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span><br><br> <span class="self" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">self</span> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">renderHeadingOn:</span> <span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span><span class="statementSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">.</span><br> <span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> html</span> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">form:</span> <span class="blockStart" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">[</span><span class="leftParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">(</span><span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">unorderedList</span><span class="rightParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><br> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> id:</span> <span class="leftParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">(</span><span class="undefinedIdentifier" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">listId</span> <span class="ansiAssignment" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">:=</span> <span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">nextId</span><span class="rightParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><span class="cascadeSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">;</span><br> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> script:</span> <span class="leftParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">(</span><span class="leftParenthesis2" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">(</span><span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="undefinedUnary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">jQuery</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">new</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">sortable</span><span class="rightParenthesis2" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><br> <span class="undefinedKeyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> onStop:</span> <span class="leftParenthesis2" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">(</span><span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="undefinedUnary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">jQuery</span> <span class="incompleteUnary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">ajax</span><br> <span class="undefinedKeyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> callback:</span> <span class="blockStart3" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">[</span><span class="blockArgColon" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">:</span><span class="blockPatternArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">items</span> <span class="blockArgsBar" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">|</span> <span class="self" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">self</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">model</span> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">items:</span> <span class="blockArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">items</span><span class="blockEnd3" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">]</span><br> <span class="undefinedKeyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> passengers:</span> <span class="leftParenthesis3" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">(</span><span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="undefinedUnary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">jQuery</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">this</span> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">find:</span> <span class="string" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">'li'</span><span class="rightParenthesis3" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><span class="rightParenthesis2" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><span class="cascadeSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">;</span><br> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> axis:</span> <span class="string" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">'y'</span><span class="rightParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><span class="cascadeSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">;</span><br> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> with:</span> <span class="blockStart1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">[</span><span class="self" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">self</span> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">renderItemsOn:</span> <span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span><span class="blockEnd1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">]</span><span class="statementSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">.</span><br> <span class="comment" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> </span><br> <span class="leftParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> (</span><span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">submitButton</span><span class="rightParenthesis1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">)</span><br> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> callback:</span> <span class="blockStart1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">[</span><span class="self" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">self</span> <span class="unary" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">add</span><span class="blockEnd1" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">]</span><span class="cascadeSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">;</span><br> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"> text:</span> <span class="string" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">'Add'</span><span class="blockEnd" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">]</span><span class="statementSeparator" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">.</span><br> <span class="methodArg" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">html</span> <span class="keyword" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">render:</span> <span class="undefinedIdentifier" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;">editor</span></span></p><p style="margin: 0px 0px 1em; padding: 0px; border: 0px; clear: both;"><span style="background-color: rgba(255, 255, 255, 0);">My instance variable _itemList is initially OrderedCollection. As soon as I move the rows around in the page then entire list is sent back in it's new order. However, this time setItemList: receives an Array.</span></p><p style="margin: 0px 0px 1em; padding: 0px; border: 0px; clear: both;"><span style="background-color: rgba(255, 255, 255, 0);">Does this make any sense? Am I missing something?</span></p><div style="color: rgb(34, 34, 34); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.3; -webkit-text-size-adjust: auto;"><br></div></div></body></html>