Draggable / sortable modification des ID ??

Bonjour,

Je me suis basé sur l'exemple ui.sortable/draggable (http://jqueryui.com/demos/draggable/#sortable)

Je me demande comment récupérer la liste des ID ajouter lors du drag ?

Car je sérialise le résultat cela me retourne bien les id placer en dur, mais les ajout ne sont pas incrémentés, cela met un l'ID de base

Je pense que au moment du clone il faudrait arriver à donner un id à l'item ajouter, mais je ne voix pas comment ...

exemple :
draggable1,draggable,draggable2,draggable,draggable3,draggable,draggable4,draggable,draggable5


Donc comment faire pour que à chaque ajout cela inscrémente les ID pour qu'il deviennent unique ?

Merci d'avance

Le code :

	<script type="text/javascript">
	$(function() {
		$("#sortable").sortable({
			revert: true
		});
		$("#draggable").draggable({
			connectToSortable: '#sortable',
			helper: 'clone',
			revert: 'invalid'
		})
		$("ul, li").disableSelection();
		
		$("#btnSubmit").click(function(){
			tab = $("#sortable").sortable('toArray');
			alert(tab);
			$("#formserialize").val(tab);
			$("#form1").submit();
		});
	});
	</script>
<div class="demo">
<form action="" method="post">	
<ul>
	<li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>

<ul id="sortable">
	<li class="ui-state-default" id="draggable1">Item 1</li>
	<li class="ui-state-default" id="draggable2">Item 2</li>
	<li class="ui-state-default" id="draggable3">Item 3</li>
	<li class="ui-state-default" id="draggable4">Item 4</li>
	<li class="ui-state-default" id="draggable5">Item 5</li>
</ul>

</div><!-- End demo -->

<div class="demo-description">

<p>
Draggables are built to interact seamlessly with <a href="#">sortables</a>.
</p>
	<button class="ui-state-default ui-corner-all" type="button" id="btnSubmit" >Enregistrer</button>
<input name="formserialize" type="hidden" id="formserialize" value="" />
</form>
</div><!-- End demo-description -->

Modifié par cvneo (04 Apr 2009 - 22:03)