创建手动可观察

Question

I am using for my frontend development OpenUI5 and it does not support rxjs.

For example, I want to listen the press Button from OpenUI5 event and could not do like

var source = Rx.Observable.fromEvent(input, 'press');

var subscription = source.subscribe(
  function (x) {
    console.log('Next: Clicked!');
  },
  function (err) {
    console.log('Error: %s', err);
  },
  function () {
    console.log('Completed');
  });

Because the Button control does not implement event listener.

So I have to create Observable on my own, how to create a hot Observable?

Answer 1

If fromEvent does not work for you, or for instance you want to wire multiple events to the same stream you can do something like this:

function mouseAllTheThingsStream(){
  const target = document.getElementById('#content');
  return Rx.Observable.create(observer => {
    target.onmousemove(evt => observer.onNext(evt));
    target.onmousedown(evt => observer.onNext(evt));

    window.setTimeout(() => observer.onCompleted(), 30 * 1000);

    return () => {
      // cleanup; unsubscribe from events manually
    }
  });
}