javascript - Sortable and droppable knockout list - Stack Overflow

admin管理员组

文章数量:1391937

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

Share Improve this question Follow edited Sep 5, 2012 at 13:47 Nal 2,7712121 silver badges1414 bronze badges asked Sep 5, 2012 at 2:40 user1630508user1630508 9522 silver badges88 bronze badges 2

• 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

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

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

本文标签： javascriptSortable and droppable knockout listStack Overflow