Trigger-Funktion, wenn der Benutzer die änderungen Eingangswert (backbone.js)

Ich habe gerade angefangen mit backbone.js und macht derzeit eine Seite, die ein div - #listing_filter mit text-input-Elemente und eine Tabelle zeigt einige Angebote geholt von einem RESTful backend (PHP/Codeigniter). Die Werte in die text-Eingabe wird als Filter fungieren, um die Ergebnisse einzugrenzen vom server abgerufen.

Problem:, Wenn der Wert in einem der Textfelder ändert, möchte ich den browser um eine Reihe von Ergebnissen, basierend auf den filter-Werten. Unten ist mein Versuch, wo die updateFilter Funktion nicht ausgelöst, obwohl der text-input-Wert geändert wurde. Irgendwelche Ideen, was falsch gelaufen ist?

Andere Frage wird sein, ob ich sollte den Inhalt #listing_filter in eine Vorlage, oder einfach nur fest in den Hauptteil HTML? Danke!

JS-Code

window.ListingFilterView = Backbone.View.extend({
    initialize: function() {
        _.bindAll(this, 'updateFilter');
    },

    events: {
        'change input' : 'updateFilter'
    },

    updateFilter: function() {
        console.log('hey');
    }

});

//Router

var AppRouter = Backbone.Router.extend({
    routes: {
        '': 'listings',
    },

    listings: function() {
       //... some other code here
        this.listingFilterView = new ListingFilterView();
    }
});

HTML-Code

<div id="listing_filter">
    Price: <input type="text" id="listing_filter_price" />
    Beds: <input type="text" id="listing_filter_bedroom" />
    Baths: <input type="text" id="listing_filter_bathroom" />
</div>
InformationsquelleAutor Nyxynyx | 2012-06-16
Schreibe einen Kommentar