Discussion :

[Nimothenicefish]

Bonjour,

Je souhaite faire du Drag&Drop entre 2 listes. J'y arrive sans problème avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(document).ready(
	function () {
		$('div.groupWrapper').Sortable({
						accept: 'groupItem',
						helperclass: 'sortHelper',
						activeclass: 'sortableactive',
						hoverclass: 'sortablehover',
						handle: 'div.itemHeader',
						tolerance: 'pointer',
						//ghosting:true,
						onchange : function ( sorted ) {
						},
						onStart : function(){
							$.iAutoscroller.start(this, document.getElementsByTagName('body'));
						},
						onStop : function(){
							$.iAutoscroller.stop();
							//verifPseudo('rssi');
						}
					}
		);

Mon problème est que je souhaiterais sauvegarder ma 2ème liste avec un sortSerialize que j'incluerais dans le "onchange : function (sorted){}". Seulement voilà impossible de sérialisé ma liste, je récupère rien en POST. J'ai testé avec une seule liste, de faire du drag&drop, de sauvegarder cette même liste et ça marche. Mais quand je veux intégrer ce code sur 2 listes et de vouloir en sauvé qu'une seule, impossible de la sérialisé...
Quelqu'un aurait une 'tite solution ?

Le code pour sérialisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
	serial = $.SortSerialize ( 'sortlist_top' ); 
	// requète Ajax pour l'enregistrement des positions
	$.ajax ( {
			url : "{/literal}{$mh_config.MH_URL}{literal}/core/bricks/dashboard/templates/set_position.php",
			//url : "{/literal}{$mh_config.MH_URL}{literal}/mymobilehealth/index.php?action=brick.dashboard.getWebInterface",
			type : "post",
			data : "serial="+serial.hash+"&userId="+{/literal}{$userId}{literal}
			// Si vous avez besoin d'un feedback de la requête vous
			// pouvez utiliser ces fonctions ci dessous.
			//complete: function(data){alert(data);},
			//success: function(feedback){ $('#data').html(feedback); },
			//error: function(){alert('Erreur lors du déplacement ');}
			});

Merci,
Cordialement, Nimo

[Kerod]

Et la partie HTML ?

[Nimothenicefish]

toutes mes excuses pour l'oublie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
//1ère liste :
<div id="sort1" class="groupWrapper">
<p>&nbsp;</p>
{section name=widget loop=$tblWidget} 
	{foreach name=outer item=contact from=$tabWidgets}		
		{foreach key=key item=item from=$contact}	
			{if $tblWidget[widget]->m_id eq $item}
				<div class='groupItem' id='groupItem'>
					<div style='-moz-user-select: none;' class='itemHeader'>{$tblWidget[widget]->m_title}<a href='#' class='{$tblWidget[widget]->m_id}' <!--onclick='alert(this.parentNode.nextSibling.nodeName);'-->>[options]</a></div>
					<div class='{$tblWidget[widget]->m_id}'>
						{$tblWidget[widget]->getOptionsUI()}
					</div>
				</div>
			{/if}
		{/foreach}
	{/foreach}
{/section}
</div>
 
//2eme liste :
 
<div id="sort3" class="groupWrapper">
<p>&nbsp;</p>
<ul id="sortlist_top" class="ul_style"> 
{section name=widget loop=$tblWidget}
	{foreach name=outer item=contact from=$tabWidgetsUser}		
		{if $tblWidget[widget]->m_id eq $contact.label}
			<li id="{$contact.id}" class="sortable_item">
			<div class='groupItem' id='groupItem'>
				<div style='-moz-user-select: none;' class='itemHeader'>{$tblWidget[widget]->m_title}<a href='#' class='{$tblWidget[widget]->m_id}'>[options]</a></div>
				<div class='toto{$tblWidget[widget]->m_id}'>
					{$tblWidget[widget]->getOptionsUI()}
				</div>
			</div>
			</li>
		{/if}
	{/foreach}
{/section}
</ul>
</div>

C'est le meme code que j'ai déjà mis sur un autre post que tu as du voir ou que tu vas voir
La seralisation pourra se faire sur l'evenement clique sur un bouton...

[Kerod]

Je ne vois nulle part la doc sur SortSerialize

[Nimothenicefish]

SortSerialize fonctionne sur le même principe que serialize. Sauf qu'il renvoie un objet en POST. Cette objet étant ma liste UL identifié par son ID. Après avec l'ajax je redirige vers mon fichier php et je récupère cette objet.
Par la suite je fait une boucle qui va parcourir cette objet, et à chaque tour je vais pouvoir récupérer l'ID de chaque li de ma liste.
Pour plus d'infos voici le l'adresse où j'ai trouvé celà
Mais le problème ne viens pas de là. Dès que je rend mes 2 listes drag&dropables entres elle, il m'est impossible de sérialisé mon ul de la 2eme liste

[Kerod]

Bon...

Et si tu rendais les listes sortable séparément. Comme tu as pu le voir dans l'autre sujet.

S'il le faut reprend le code qui y est donné.
Question: Toutes les options en as tu besoin ? Si non, pourquoi ne pas utiliser cette fonction sortable( "serialize", options )

Enfin je te signale que dans le post que tu as donné ça marche pas non plus