剣道ノックアウト：どのようにウィンドウを開く

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

追加のバインディングは必要ありませんが、 "onOpen"イベントを縛り付けません。