Bert Vandenbogaerde
Posts: 0
Joined: Thu Dec 19, 2013 11:10 am

Drag and drop sort list items

Is there a way to sort the list items like this example:
http://jqueryui.com/sortable/#default

Important is that it saves the order to the database.
I have a column in my database collection called "sorting".
I now work with the request parameter "sort".
It reads the values (1,2,3,etc) from the database and puts it in the right order.

I want to create my app so that the user can define his own sort order (like the example http://jqueryui.com/sortable/#default , a simple drag and drop made for touch screen)

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Drag and drop sort list items

Hi Bert,

Yes, you can do this within Appery.io. Let us know if you have any specific question.

Bert Vandenbogaerde
Posts: 0
Joined: Thu Dec 19, 2013 11:10 am

Drag and drop sort list items

Hello Katya

What is the best approach to start from?
Javascript or something else?
Is there a tutorial on that somewhere?

Thank You.

Bert Vandenbogaerde
Posts: 0
Joined: Thu Dec 19, 2013 11:10 am

Drag and drop sort list items

i am currently working with this question which was answered by Max.

https://getsatisfaction.com/apperyio/...

I follow the steps but it does not work, probably because things have changed the past year.

can you help me figure it out?

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Drag and drop sort list items

Bert,

You would need some custom JS code to implement this.
http://docs.appery.io/getting-started/
http://docs.appery.io/tutorials/

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Drag and drop sort list items

Sure. Please share your application with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and tell us where to see this.

Bert Vandenbogaerde
Posts: 0
Joined: Thu Dec 19, 2013 11:10 am

Drag and drop sort list items

I shared it now.
it can be found under pages- TESTvolgordewijzigen
The javascript event is placed under "list" component when clicked

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Drag and drop sort list items

We'll take a look and update.

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Drag and drop sort list items

Bert,

Add http://code.jquery.com/ui/1.10.3/jque... in External sources or as custom JavaScript.

Bert Vandenbogaerde
Posts: 0
Joined: Thu Dec 19, 2013 11:10 am

Drag and drop sort list items

hello

i added the code as external source but it does not help for the moment.

Any other ideas?

Return to “Issues”