Come associare dati .resizable(). Draggable()?

Question

So che si può fare questo:

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

ma come si potrebbe usare data-bind="" per fare la stessa cosa?

Answer 1

Il modo più semplice sarebbe quella di definire i gestori personalizzati vincolanti per i comportamenti:

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); 
    } 
}; 

Poi, si legano ad esso piace:

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

Questo permette di passare tutte le opzioni che si desidera le chiamate ridimensionabili e trascinabili.

Esempio: http://jsfiddle.net/rniemeyer/eCZH4/