Kendo-Knockout: Come centrare la finestra

Question

Sto usando la libreria di kendo-knockout di RPNiemeyer. Ho una finestra kendo che uso come questo nel codice HTML:

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

ho usato per centrare la finestra di dialogo come questo:

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

Ma, come center è un metodo che non può passare nel markup come questo center: true. Nella documentazione di kendo-knockout c'è un widget di proprietà per alcuni dei widget e la mia ipotesi è che questa sia la chiave ma non sono sicuro di come usarla in quanto non ci sono esempi. Tutte le idee saranno ben accette. Grazie!

Answer 1

Il parametro widget deve essere utilizzato quando è necessario interagire con un widget in un modo non supportato dalle opzioni di collegamento fornite. Normalmente, questa è una specie di ultima risorsa, ma in questo caso sembra che sarebbe la scelta giusta.

Quello che fai è passare un osservabile nel parametro widget e verrà riempito con il widget attuale. Quindi, puoi richiamarne i metodi dal tuo modello di vista.

Qualcosa di simile:

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

Poi, nel markup:

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

campione qui: http://jsfiddle.net/rniemeyer/gNgDm/

Answer 2

realtà ho ottenuto lo stesso effetto di Niemeyer da attaccare nel gestore di rilegatura:

 

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

Non è necessaria alcuna associazione aggiuntiva, ma vincola l'evento "onOpen".