To implement drag and drop capability using jQuery UI I first had to create custom Knockout binding. Below shows the how the binding are created.
These binding can can then be used as a normal KO binding, for example to use the drag binding the attribute would look like this: data-bind="drag: {value: 'hello'}". To use the drop binding it would look like this: data-bind="drag: {value: function(data) { alert(data) }}". This example would create a message box saying "hello" if the object was dropped onto a area with the drop binding.
