Связывание/Неподвижные события backbonejs в RxJS

Question

Я пытаюсь использовать RxJS с моим базовым проектом. В настоящее время я магистральное стилизованное событие с точкой зрения, такими как

events:{ 
    "click .cross_10_10":"clearSearch", 
    "keypress .searchUsers": "searchUsers" 
} 

Backbone ручка связывание/Несвязанностью этих событий должным образом. Как я могу использовать Rx.Observable.fromEvent/Rx.Observable.fromEventPattern, чтобы связать эти события, которые также становятся несвязанными, когда вид исчезает.

GitHub docs говорит, что RxJS поддерживает крючки в позвоночник, но не смог выяснить, как.

Текущий код

MyView = Backbone.View.extend({ 
    constructor: function(container) { 
     var html = $.trim($("script#tmpl_myview").html()); 
     this.el = $(_.template(html)({type:"random"})); 
    }, 
    events:{ 
     "keypress .searchUsers": "searchUsers" 
    }, 
    searchUsers: function() { 
     var searchTerm = this.$(".searchUsers").val().trim(); 
     $.get("/searchUsers?q="+searchTerm) 
     .then(_.bind(this.drawUsers, this)); 
    }, 
    drawUsers: function(users) { 
     //render users in dom 
    } 
}) 

Я хочу пользователей RxJS придушить поисковых запросов. Если бы это был просто jquery, а не позвоночник, я бы сделал это.

var keyStream = Rx.Observable.fromEvent($(".searchUsers"), 'keypress').debounce(300) 
.map(function(e){ 
    return $(".searchUsers").val(); 
}).distinctUntilChanged(); 
var respStream = keyStream.switchMap(function(searchTerm){ 
    return $.get("/searchUsers?q="+searchTerm); 
}); 
respStream.subscribe(function(users){ 
//render 
}); 

Я хочу комбинировать и использовать лучшие из них.

Answer 1

Ниже приведен код для регистрации событий DOM на основе хэш событий Просмотр по:

delegateEvents: function(events) { 
    events || (events = _.result(this, 'events')); 
    if (!events) return this; 
    this.undelegateEvents(); 
    for (var key in events) { 
    var method = events[key]; 
    if (!_.isFunction(method)) method = this[method]; 
    if (!method) continue; 
    var match = key.match(delegateEventSplitter); 
    this.delegate(match[1], match[2], _.bind(method, this)); 
    } 
    return this; 
}, 
delegate: function(eventName, selector, listener) { 
    this.$el.on(eventName + '.delegateEvents' + this.cid, selector, listener); 
    return this; 
}, 
undelegateEvents: function() { 
    if (this.$el) this.$el.off('.delegateEvents' + this.cid); 
    return this; 
}, 

delegateEvents вызывается, когда вид строится и undelegateEvents вызывается внутренне вид-х remove. Вы можете переопределить delegateEvents и undelegateEvents методы для добавления и удаления ваших функций RxJS для определенного вида или базового представления, из которого все ваши виды расширяются.