केंडो-नॉकआउट: विंडो

Question

केंद्र कैसे करें मैं RPNiemeyer की केंडो-नॉकआउट लाइब्रेरी का उपयोग कर रहा हूं।

<div data-bind="kendoWindow: { isOpen: isOpen, title:'States', width: 600, height: 150, modal: true, resizable: false, actions: ['Maximize', 'Close'] }" > </div> 

मैं इस तरह संवाद केंद्र के लिए प्रयोग किया है:: मैं जो मैं html में इस तरह का प्रयोग कर एक केन्डो खिड़की है

$('#productionStates').data("kendoWindow").center(); 

लेकिन जैसे center एक विधि है मैं मार्कअप में यह पारित नहीं हो सकता इस center: true की तरह। केंडो-नॉकआउट दस्तावेज में कुछ विजेट्स के लिए एक प्रॉपर्टी विजेट है और मेरा अनुमान है कि यह कुंजी है लेकिन मुझे यकीन नहीं है कि इसका उपयोग कैसे किया जाए क्योंकि कोई उदाहरण नहीं है। किसी भी विचार का स्वागत किया जाएगा। धन्यवाद!

Answer 1

widget पैरामीटर का उपयोग तब किया जाना चाहिए जब आपको किसी विजेट के साथ बातचीत करने की आवश्यकता हो जो प्रदान किए गए बाध्यकारी विकल्पों द्वारा समर्थित न हो। आम तौर पर, यह एक आखिरी उपाय है, लेकिन इस मामले में ऐसा लगता है कि यह सही विकल्प होगा।

तुम क्या widget पैरामीटर में एक नमूदार पारित है और यह वास्तविक विजेट के साथ भरा हो जाएगा। फिर, आप अपने दृश्य मॉडल से इसे बंद कर सकते हैं।

कुछ की तरह:

var ViewModel = function() { 
    this.isOpen = ko.observable(false); 
    //center it if it is opened 
    this.isOpen.subscribe(function(newValue) { 
     if (newValue) { 
      this.myWidget().center();   
     } 
    }, this); 

    //hold the widget 
    this.myWidget = ko.observable(); 
}; 

फिर, मार्कअप में:

<div data-bind="kendoWindow: { isOpen: isOpen, visible: false, modal: true, widget: myWidget }"> 
    ... 
</div>​ 

यहाँ नमूना: http://jsfiddle.net/rniemeyer/gNgDm/

Answer 2

मैं वास्तव में नीमेयेर के रूप में एक ही प्रभाव बाध्यकारी हैंडलर में यह चिपके द्वारा प्राप्त किया:

 

    ko.bindingHandlers.kendoWindow.options = { 
     open: function() { this.element.data('kendoWindow').center(); } 
    }; 

कोई अतिरिक्त बाध्यकारी आवश्यक नहीं है, लेकिन यह आपके "ऑन ओपन" ईवेंट को जोड़ता है।