Changing the order of items in an array without database interaction

Wappler General How To
,
#1

I have an array that is displayed using a repeat and would like to change the order of the items.

I’ve added a button [+] and to each array item. Pressing these should either increase or decrease the position of the item in the array (hence swap with preceding or following item).

I am aware of the various dragging suggestions elsewhere on the forum, but looking for something very basic without interaction with a database, is that possible?

#2

Hello,
Where does the data come from? Are you using the array component?

#3

Apologies, not an expert, hope this envisioned process clarifies?

  1. Column 1: List items from DB using serverconnect and repeat1
  2. User clicks items
  3. Selected items are added to array
  4. Column 2: Selected items are listed using repeat2 based on array with [+] / buttons
  5. User can click [+] / buttons to increase/decrease position in array
#4

Unfortunately you cannot change the order of the items in an array component like that.

#5

Thanks @Teodor. So the only way would be to “reload” the array?

#6

I did this last week… I wrote a server side thingie (can’t remember what the name is for them now!) which just swaps the values of a numeric field called position_number.

Can paste you a screen shot when next at the computer!

#7

Thanks @Antony, would be nice to see how you did it.

In the meantime I found another way using “replaceAt”, “$index” and “slice” (to get preceding and following $value):

Screen Shot 2020-07-10 at 07.14.42
Screen Shot 2020-07-10 at 07.14.42729×383 46.1 KB

ps. if I paste code in this message only half of it is visible, that’s why I’ve uploaded an image