Hi all,
I am working on rtying to reproduce this behavior
http://wiki.script.aculo.us/scriptaculous/show/SortableListsDemo.
Two sortable list which you can reorder de item in it a between them.
This is the html generated by my component, but it seems
not to work. It doesn't call the component back. I was reading on the
net about some constrains in the ids and I think I apply to it.
However, I am still in troubles. The dinamic part works, not the call back.
<div id="holder6" wicket:id="holder">
<div class="node" >
<ul id="firstlist7" wicket:id="firstlist">
<li id="firstlistFirstlist_0"
wicket:id="firstlistFirstlist">
<span wicket:id="nombreLabel">a</span>
</li><li id="firstlistFirstlist_1"
wicket:id="firstlistFirstlist">
<span wicket:id="nombreLabel">a</span>
</li>
</ul>
</div>
<div class="node" >
<ul id="secondlist8" wicket:id="secondlist">
<li id="secondlistSecondlist_0"
wicket:id="secondlistSecondlist">
<span wicket:id="nombreLabel2">a</span>
</li><li id="secondlistSecondlist_1"
wicket:id="secondlistSecondlist">
<span wicket:id="nombreLabel2">a</span>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
Sortable.create('firstlist7',
{dropOnEmpty:true,containment:['firstlist7','secondlist8'],constraint:false},
{
onUpdate: function(element) {
wicketAjaxGet('?x=6*%3A1%3Atabs%3Apanel%3Amensajes%3Apanel%3Aholder%3A1%3AIActivePageBehaviorListener%3A0%3A%26amp%3Bwicket%3AignoreIfNotActive%3Dtrue&'
+ Sortable.serialize(element)); }
}
);
Sortable.create('secondlist8',
{dropOnEmpty:true,containment:['firstlist7','secondlist8'],constraint:false},
{
onUpdate: function(element) {
wicketAjaxGet('?x=6*%3A1%3Atabs%3Apanel%3Amensajes%3Apanel%3Aholder%3A1%3AIActivePageBehaviorListener%3A0%3A%26amp%3Bwicket%3AignoreIfNotActive%3Dtrue&'
+ Sortable.serialize(element)); }
}
);
</script>
--
Fernando Wermus.
