Jak powiązać dane .resizable(). Draggable()?

Question

Wiem, że można to zrobić:

$(".myClass").resizable().draggable(); 

ale jak byłoby użyć data-bind="" zrobić to samo?

Answer 1

Najprostszym sposobem byłoby określenie niestandardowego wiążących teleskopowe dla zachowań:

ko.bindingHandlers.resizable = { 
    init: function(element, valueAccessor) { 
     var options = valueAccessor(); 
     $(element).resizable(options); 
    } 
}; 

ko.bindingHandlers.draggable = { 
    init: function(element, valueAccessor) { 
     var options = valueAccessor(); 
     $(element).draggable(options); 
    } 
}; 

Następnie wiążą się podoba:

<div data-bind="resizable: { }, draggable: { }"></div> 

To pozwala przekazać wszelkie opcje, które chcesz Połączenia resizable i przeciągalne.

Próbka: http://jsfiddle.net/rniemeyer/eCZH4/