Multiple sortable lists with jquery

Question

I am building a todo list application for one of my projects and I am creating multiple todo lists dynamically from the database and each todo list will have multiple todo items. The items will be constrained to their own list and will not be able to be connected to another list.

I've done a single sortable list in jquery before, but I am having a hard time wrapping my head around how to write DRY code, so I am not repeating myself for each new todo list a user creates. Since the jquery code will have to figure out how many todo lists there are, and then manage each one.

Anybody know how to go about doing this or could you talk through it with some pseudocode or an example would be great.

Thanks

Steerpike · Accepted Answer · 2009-03-06 19:45:10Z

2

What's wrong with using the jQuery sortable plugin and just doing something like

$(document).ready(){
    $('ol, ul').sortable(); //make every ordered and unordered list sortable
});

answered Mar 6, 2009 at 19:45

Steerpike

17.6k8 gold badges41 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joe Over a year ago

good call, then I can just grab the id of ul so I know the parent...thanks!

j0k · Accepted Answer · 2012-10-28 14:56:55Z

1

two other options (in general):

create the sortable group by id:

$("#list1, #list2, #list3").sortable({ connectWith: "#list1, #list2, #list3" });

create the sortable group by class:
```
$("#list1, #list2, #list3").sortable({ connectWith: ".transfer" });
```
(.transfer is the class, just assign this to all your lists in your html.)

edited Oct 28, 2012 at 14:56

j0k

22.8k28 gold badges81 silver badges90 bronze badges

answered Feb 21, 2012 at 18:57

jeristotle

52 bronze badges

Comments

jonstjohn · Accepted Answer · 2009-03-06 19:27:55Z

0

To be DRY in jQuery, you want to write plugins, or use an existing plugin such as Tablesorter.

edited Mar 6, 2009 at 19:27

answered Mar 6, 2009 at 19:22

jonstjohn

60.5k8 gold badges47 silver badges55 bronze badges

2 Comments

Joe Over a year ago

Thanks for the response, but using Tablesorter has nothing to do with my question does it? I agree a plugin, would be a nice solution, but I am looking for how I should write it.

jonstjohn Over a year ago

perhaps you could provide more information. It sounded like you were looking to do multiple sortable todo lists. A few people thought that you were looking for a sortable solution.

Collectives™ on Stack Overflow

Multiple sortable lists with jquery

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related