Postitie van item in submenu definieren in mySQL
Mijn probleem zit hem in het ordenen van de submenuitems. Natuurlijk kan ik met ORDER BY "gewijzigd" of iets dergelijks werken. Maar ik wil echter dat de gebruiker kan bepalen op welke positie in het submenu een item komt. Heeft iemand een idee hoe ik dit het beste kan realiseren?
Alvast bedankt!
@Mitch: Elk item moet afzonderlijk een positie aangewezen krijgen.
Gewijzigd op 01/01/1970 01:00:00 door Lauren Zonneveld
koen schreef op 29.10.2009 17:17:
je kunt het menu vanuit een array laden, dan kun je in die array de volgorde aanpassen
Volgens mij weet jij niet waarover je het hebt.
Je wilt dus dat elke gebruiker de volgorde van elk item in het submenu kan bepalen.
Je moet dus per gebruiker voor elk item een index opslaan en bij het ophalen sorteren op die index.
Ter illustratie:
Mitch - Menuitem 1 - Index 2
Mitch - Menuitem 2 - Index 0
Mitch - Menuitem 3 - Index 1
Geeft als menu voor Mitch:
Menuitem 2, Menuiutem 3, Menuitem 1.
Gewijzigd op 01/01/1970 01:00:00 door Mitch X
@Mitch: Inderdaad dat is de bedoeling, maar nu moeten gebruikers dus ook een item tussen 2 en 3 in kunnen plaatsen bijvoorbeeld.
Gewijzigd op 01/01/1970 01:00:00 door Lauren Zonneveld
Dan zul je de indices aan moeten passen.
Voorbeeld aan de hand van mijn eerdere voorbeeld.
Stel je wilt Menuitem 4 tussen 2 en 3 plaatsen. 2 blijft dan op z'n plek, daarna komt met index 1 Menuitem 4 en voor elk item dat daarna komt verhoog je de index met 1.
Mitch - Menuitem 1 - Index 2
Mitch - Menuitem 2 - Index 0
Mitch - Menuitem 3 - Index 1
wordt =>
Mitch - Menuitem 1 - Index 2+1 = 3
Mitch - Menuitem 2 - Index 0
Mitch - Menuitem 3 - Index 1+1 = 2
Mitch - Menuitem 4 - Index 1
Ik wil bijvoorbeeld Menuitem 4 als laatste (Index 3) in het menu:
Mitch - Menuitem 1 - Index 3-1 =2
Mitch - Menuitem 2 - Index 0
Mitch - Menuitem 3 - Index 2-1 = 1
Mitch - Menuitem 4 - Index 3
Of Menuitem 1 als eerste:
Mitch - Menuitem 1 - Index 0
Mitch - Menuitem 2 - Index 0+1 = 1
Mitch - Menuitem 3 - Index 2+1 = 3
Mitch - Menuitem 4 - Index 1+1 = 2
Hoe ga ik dat voor elkaar krijgen met 1 of meer queries?
@Mitch: Bedankt voor je toewijding overigens.
Definities:
X = huidige index
Y = nieuwe index
1. Je wilt een nieuw item toevoegen.
Als je een nieuw item toevoegt op plaats Y, moet je alle indices >= Y met 1 verhogen.
2. Je wilt een item naar boven (een lagere index) verplaatsen.
Eerst doe je een boundary test. Een item met index 0 kan gewoon niet lager.
Alle indices >=Y èn <X doe je +1 en verander je X naar Y.
3. Je wilt een item naar beneden (een hogere index) verplaatsen.
Ook hier wellicht een boundary test. Er zit vast wel een limiet aan 't menu?
Alle indices >X èn <=Y doe je -1 en verander je X naar Y.
Succes!
@Hoithebest: Met gewoon een veld postitie aan maken ben je er bij lange na nog niet. Lees de reacties van Mitch, dan wordt duidelijk waar ik naartoe wil.
Nu de grootste uitdaging: queries maken van dit verhaal... morgen ga ik ermee aan de slag, ik zal de queries hier posten als het gelukt is.
Die gebruik ik vaak in mijn CMS-en. Je laat de user de items in de goedevolgorde slepen, en daarna verzend je een formulier waarin de volgorde van de items meegenomen wordt (bijvoorbeeld met een hidden field).
Edit: Ik heb zojuist een script met tekst en uitleg gevonden die zo ongeveer doet wat Jan suggereerde. Kan het jammergenoeg nog niet testen in mijn eigen CMS (lokaal op de laptop!).
http://www.wil-linssen.com/demo/jquery-sortable-ajax/
Gewijzigd op 01/01/1970 01:00:00 door Lauren Zonneveld
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var i = 0;
window.addEvent ('domready', function () {
var mySortables = new Sortables('pages');
$$('table.records tr.sortable').each (function (item) {
mySortables.addItems (item);
});
$('order').addEvent ('click', function (e) {
new Event (e).preventDefault ();
$$('table.records tr.sortable').each (function (item) {
var curval = $('pages').get ('value');
if (i) {
$('pages').set ('value', curval + ',' + item.getFirst ().innerHTML);
}
else {
$('pages').set ('value', curval + item.getFirst ().innerHTML);
}
i++;
});
$('form_pages').submit ();
});
});
window.addEvent ('domready', function () {
var mySortables = new Sortables('pages');
$$('table.records tr.sortable').each (function (item) {
mySortables.addItems (item);
});
$('order').addEvent ('click', function (e) {
new Event (e).preventDefault ();
$$('table.records tr.sortable').each (function (item) {
var curval = $('pages').get ('value');
if (i) {
$('pages').set ('value', curval + ',' + item.getFirst ().innerHTML);
}
else {
$('pages').set ('value', curval + item.getFirst ().innerHTML);
}
i++;
});
$('form_pages').submit ();
});
});
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
UPDATE menu SET
index = index + 1
WHERE index >= $index
INSERT INTO menu SET
page_id = $page_id,
index = $index
...
De postitie(index) wordt door de gebruiker geselecteerd uit een select veld. De maximale postitie hierin is het aantal submenuitems van de geselecteerde pagina + 1.
Edit: Ook de UPDATE query is gelukt, ik post hem even voor degene die met hetzelfde probleem zit. Ik heb het probleem simpel opgelost en er moet nog aan gesleuteld worden.
In het paginaoverzicht kan de index van een pagina met een knopje omhoog of omlaag worden gezet. De knop voor omlaag verschijnt niet als de index 1 is en dus niet lager kan, de knop voor omhoog verschijnt niet als de index gelijk is aan de max (het aantal items in het submenu).
Code (php)
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
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
<?php
public function setIndex($item_id, $page_id, $index, $direction) {
if($direction == up) {
$query_a = 'UPDATE menu
SET index = index - 1
WHERE index = "'.($index + 1).'"
AND page_id = "'.$page_id.'"';
$query_b = 'UPDATE menu
SET index = "'.($index + 1).'"
WHERE menu_id = "'.$item_id.'"';
} else {
$query_a = 'UPDATE menu
SET index = index + 1
WHERE index = "'.($index - 1).'"
AND page_id = "'.$page_id.'"';
$query_b = 'UPDATE menu
SET index = "'.($index - 1).'"
WHERE content_id = "'.$item_id.'"';
}
$result = mysql_query($query_a);
$result = mysql_query($query_b);
header('location: '.$this->location);
}
?>
public function setIndex($item_id, $page_id, $index, $direction) {
if($direction == up) {
$query_a = 'UPDATE menu
SET index = index - 1
WHERE index = "'.($index + 1).'"
AND page_id = "'.$page_id.'"';
$query_b = 'UPDATE menu
SET index = "'.($index + 1).'"
WHERE menu_id = "'.$item_id.'"';
} else {
$query_a = 'UPDATE menu
SET index = index + 1
WHERE index = "'.($index - 1).'"
AND page_id = "'.$page_id.'"';
$query_b = 'UPDATE menu
SET index = "'.($index - 1).'"
WHERE content_id = "'.$item_id.'"';
}
$result = mysql_query($query_a);
$result = mysql_query($query_b);
header('location: '.$this->location);
}
?>
En een plaatje ter verduidelijking:
http://img251.imageshack.us/img251/1529/cmspositionering.jpg
@Jan: Bedankt voor het script, ik ga kijken of ik deze oplossing kan gebruiken voor het updaten van de posities.
Gewijzigd op 01/01/1970 01:00:00 door Lauren Zonneveld