Cómo enlazar datos .resizable(). Draggable()?

Question

Sé que usted puede hacer esto:

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

pero ¿cómo usaría data-bind="" a hacer lo mismo?

Answer 1

La forma más sencilla sería definir manejadores de encargo vinculantes para los comportamientos:

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

A continuación, se unen a ella como:

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

Esto permite pasar cualquier opción que desee las llamadas redimensionables y arrastrables.

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