Knockout JS valueUpdate Tastendruck nicht aktivieren Bindung

Ich habe einen 'Speichern' - button auf meinem Formular ein, knockout ermöglichen verbindlich. Ich fügte hinzu, valueUpdate: 'keypress' zu meinem knockout-binding-Ausdruck der Hoffnung für die save-Schaltfläche aktiviert auf Tastendruck. Ich habe ein einfaches input-Textfeld mit Wert-knockout-Bindung. Stattdessen Seite noch mit Benutzer, klicken Sie sich für die save-Taste aktiviert werden. HTML unten. wenn Benutzer-Typen-in-Eingang, canSave wird true aktivieren der Schaltfläche "speichern".

<button data-bind="click: save, enable: canSave, valueUpdate: 'keypress'">Save</button>

<h3><strong>First Name: <input data-bind="value: firstName"></strong></h3>
InformationsquelleAutor andy_coder | 2014-11-21
  1. 5

    Den valueUpdate verbindlich macht nur Sinn, gepaart mit einem value verbindlich; sollte es gehen auf Ihre Eingabe, nicht auf die Schaltfläche. 

    <button data-bind="click: save, enable: canSave">Save</button>
<h3><strong>First Name: <input data-bind="value: firstName, valueUpdate: 'keypress'"></strong></h3>

    Bedenken Sie auch, valueUpdate: 'input' wenn Sie mit den Browser neu genug ist, um es zu unterstützen, oder sogar die textInput Bindung, wenn Sie KO >3.2

    • Dies funktioniert, bis auf den speichern-button scheint nicht aktiviert werden, bis es mindestens zwei Tastendrücke. Zum Beispiel, wenn ich Sie in name, Vorname, und drücken Sie die Taste 1, speichern-button immer noch deaktiviert. Wenn ich eine zweite Taste drücken, dann die Taste speichern wird aktiviert.
    • nvm , keypress-Ereignis scheint zu erfordern zwei Tastendrücke, ABER valueUpdate: 'input' scheint, um korrekt zu funktionieren, nach nur einem Tastendruck =) vielen Dank!
    • Der Grund, warum Sie sehen, dass das Verhalten ist, das "keypress" - updates des beobachtbaren mit dem Inhalt der Eingabe wenn Sie drücken Sie die Taste nach unten... und die beinhaltet nicht den Schlüssel, den Sie ' re zu geben.
    • bitte Stimmen Sie, meine Frage, wenn Sie eine chance bekommen, und Sie denken, es ist eine gute Frage. =)
    • haben Sie versucht, 'afterkeydown" - Veranstaltung?
    InformationsquelleAutor Retsam
  2. 0

    Versuchen Sie dies:

    <button data-bind="click: save, enable: firstName().length > 0">Save</button>

<h3><strong>First Name: <input data-bind="value: firstName, valueUpdate:'keypress'"></strong></h3>

    aus Sie code es scheint, firstName ist eine observable, wenn das so ist dann über code das tut, was Sie brauchen. Es wird deaktivieren Sie die Schaltfläche, wenn es keine Eingabe sonst machen Sie es aktivieren.

    InformationsquelleAutor thecodeparadox
Schreibe einen Kommentar