I have a list that needs to be draggable. For simplicity lets have the items only be "boy" and "girl". I have another list "friends" that you can drag "boy" and "girl" into then set properties such as name, age, height, etc. This list also needs to be sortable (drag and drop).

Basically I want to add items to the "friends" list by dragging in either a "boy" or "girl" but I'm not sure how to get the two lists to interact using knockout.

I have a list that needs to be draggable. For simplicity lets have the items only be "boy" and "girl". I have another list "friends" that you can drag "boy" and "girl" into then set properties such as name, age, height, etc. This list also needs to be sortable (drag and drop).

Basically I want to add items to the "friends" list by dragging in either a "boy" or "girl" but I'm not sure how to get the two lists to interact using knockout.

• javascript
• jquery-ui
• knockout.js

• Sortable connectWith option? Or are you asking how to use knockout? – Nal Commented Sep 5, 2012 at 3:18
• I had it 90% there using pure jQuery but realized I needed knockout too because observables were not being created. Using the two together is stumping me. – user1630508 Commented Sep 5, 2012 at 13:13

1 Answer 1

Ryan Niemeyer has written great article about dragging and dropping with knockout:

http://www.knockmeout/2011/05/dragging-dropping-and-sorting-with.html

Ryan Niemeyer has authored a Knockout plug-in for this purpose:

• https://github./rniemeyer/knockout-sortable

Here is an updated blog entry:

• http://www.knockmeout/2012/02/revisiting-dragging-dropping-and.html