KO Search on Enter

by tlarson

HTML

<!-- ko with: stuff -->

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

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