Nasıl data-bind .resizable(). Sürüklenebilir()?

Question

Bunu yapabileceğinizi biliyorum:

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

fakat aynı şeyi yapmak için data-bind=""'i nasıl kullanırsınız?

Answer 1

basit yolu davranışları için özel bağlama işleyicileri tanımlamak olacaktır:

Sonra

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

, buna bağlamak istiyorum:

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

Bu istediğiniz herhangi bir seçenek için geçmesine izin verir yeniden boyutlandırılabilir ve sürüklenebilir aramalar.

Örnek: http://jsfiddle.net/rniemeyer/eCZH4/