valueUpdate: 'afterkeydown' für input type="numeric" in Knockoutjs 2.0

[siehe fiddle für illustration]

Ich einen Wert binden, um eine input vom Typ Zahl, und wollen die gebundenen observable sofort die änderungen auf den Wert des Feldes. zu tun, dass ich die afterkeydown valueUpdate verbindlich. Dies funktioniert auch für die änderung der Anzahl der Eingabe mit Hilfe der Pfeil-oben und Pfeil nach unten Tasten. Allerdings, wenn ich die Zahl ändern, die mithilfe der browser-generiert (getestet im chrome) Inkrement - /Dekrement-Steuerung wird die änderung erst nach änderung Fokus zu einem anderen element. Ich nehme an, dies spiegelt die Standard-update-nach dem change-Ereignis.

Meine Frage ist, ob es irgendeinen Weg gibt, um die Aktualisierung auftreten, die für beide Veränderungen mit den up-down-Tastatur Fehler und browser-generierten up/down-Fehler kontrolliert?

InformationsquelleAutor odedbd | 2012-04-15
  1. 18

    Den valueUpdate zusätzliche Bindung können zu einer Reihe von Veranstaltungen. Es sieht aus wie die oninput - Ereignis wird ausgelöst, wenn Sie auf die oben/unten Pfeile.

    So, Sie können binden Sie es wie:

    <input type="number" data-bind="value: y, valueUpdate: ['afterkeydown', 'input']"/>

    http://jsfiddle.net/rniemeyer/hY5T2/9/

    • Ausgezeichnet, es funktioniert wie ein Charme. Danke!
    • Die Verwendung dieser in meinem MVVM-DotNetNuke-Modul bekomme ich winzige (!) spinner-und spinner-down-Tasten. Sie sind so klein, dass seine fast unmöglich, Sie zu benutzen. Ich recon sein eine CSS-Sache, aber nicht in der Lage gewesen, um es herauszufinden. Wenn ich anstelle der <input type="number" data-bind="value: y, valueUpdate:..."> gehen Sie mit <input data-bind="spinner: y, valueUpdate:..."> jedes Ding sieht nett aus, aber die valueUpdate tust, die Arbeit... Things that make you go hmm...
    • Hatte ein Problem mit Selenium test-Skripts nicht aktualisiert observablen, und diese gelöst für mich.
    InformationsquelleAutor RP Niemeyer
Schreibe einen Kommentar