Как привязать данные .resizable(). Draggable()?

Question

Я знаю, что вы можете сделать это:

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

, но как бы вы использовать data-bind="", чтобы сделать то же самое?

Answer 1

Самый простой способ будет определять собственные обязательные обработчики для поведения:

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

Затем, связываются с ней нравится:

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

Это позволяет передавать любые параметры, которые вы хотите изменяемые и перетаскиваемые вызовы.

Пример: http://jsfiddle.net/rniemeyer/eCZH4/