डेटा-बाइंड कैसे करें .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/