Knockout-Ereignisses verbindlich für die Eingabe der Tastendruck bewirkt, dass seltsame Verhalten

Lange Geschichte kurz, ich habe es Benutzern ermöglichen möchten, drücken Sie die EINGABETASTE auf ein input-element und bestimmte Methode in meinem viewmodel aufgerufen werden. Hier ist meine html-Eingaben:

<input id="searchBox" class="input-xxlarge" type="text" data-bind="value: searchText, valueUpdate: 'afterkeydown', event: { keypress: $parent.searchKeyboardCmd}">

und hier ist meine Methode in vm:

searchKeyboardCmd = function (data, event) { if (event.keyCode == 13) searchCmd(); };

alles funktioniert einwandfrei und searchCmd aufgerufen wird, wenn ich drücken Sie die EINGABETASTE auf der Eingabe, aber das problem ist, dass ich geben kann, nichts in-Eingang, also über alles, was ich geben in die Eingabe wird ignoriert. Vielen Dank im Voraus für Eure Hilfe.

InformationsquelleAutor Pejman | 2013-04-20

  1. 20

    Nach KO docs, müssen Sie zurück true von Ihrem event-handler, wenn Sie wollen, dass die Standard-Aktion gehen.

    searchKeyboardCmd = function (data, event) {
    if (event.keyCode == 13) searchCmd();
    return true;
};
    Nun, ich danke Ihnen sehr f_martinez! Es funktioniert jetzt perfekt, aber ich sehe nicht ein, warum war dies notwendig!

    InformationsquelleAutor Andrejs Kuzmins

  2. 2

    hier ein Turnschuh, die zeigt, was ur zu tun versucht, und auch Ersatz-event "keypress" in ur-code mit keyup und entfernen $parent mit nur den Namen der Funktion, es sei denn, der textfield-in einem knockout-foreach-Schleife..hier ist die unter geänderten code

    <input id="searchBox" class="input-xxlarge" type="text" data-bind="value: searchText, valueUpdate: 'afterkeydown', event: { keyup: searchKeyboardCmd}"
    Dies war die Antwort, die mir geholfen haben, weil es nicht deppend auf die enter keycode==13
    in meinem Fall, wird der Tastendruck nicht funktioniert, aber keyup gearbeitet.

    InformationsquelleAutor Surya Deepak

  3. 2

    Hier ist ein funktionierendes Beispiel.

    http://jsfiddle.net/tlarson/qG6yv/

    <!-- ko with: stuff -->
  <input id="searchBox" class="input-xxlarge" type="text" 
    data-bind="value: searchText, valueUpdate: 'afterkeydown', 
    event: { keypress: $parent.searchKeyboardCmd}">   
<!-- /ko -->

    Und die javascript:

    var stuffvm = function(){
    var self = this;

    self.searchText = ko.observable();
};

var vm = function() {
    var self = this;

    self.stuff = new stuffvm();

    self.searchCmd = function() {
        console.log("search triggered");
    };

    self.searchKeyboardCmd = function (data, event) { 
        if (event.keyCode == 13) {
            self.searchCmd(); 
        }
        return true;
    }
}

ko.applyBindings(new vm());

    InformationsquelleAutor CodeThug

Schreibe einen Kommentar