DoneJS StealJS jQuery ++ FuncUnit DocumentJS
3.0.0
2.3.27

 

  • Github
  • Twitter
  • Chat
  • Forum
  • Guides
  • Core
  • Ecosystem
    • can-construct-super
    • can-define-stream
    • can-fixture
    • can-fixture-socket
    • can-jquery
    • can-stache-converters
    • can-stream
      • Methods
        • toStream
        • toStreamFromCompute
        • toStreamFromEvent
        • toStreamFromProperty
    • can-vdom
    • can-view-import
    • can-zone
    • steal-stache
  • Infrastructure
  • Legacy
  • Bitovi
    • Bitovi.com
    • Blog
    • Consulting
    • Training
    • Open Source
  • Chat
  • Forum
  • Star
  • Follow @canjs
  • CanJS
  • /
  • Ecosystem
  • /
  • can-stream
  • /
  • toStreamFromEvent
  • / On this page
    • toStreamFromEvent

      function

      Creates a stream on a {Observable} object that gets updated whenever the event occurs on the observable object.

      • source

      canStream.toStreamFromEvent( obs, eventName )

      Creates a stream based on property value change on observable

      var canStream = require('can-stream');
      var compute = require('can-compute');
      var DefineMap = require('can-define/map/map');
      var DefineList = require('can-define/list/list');
      
      var MyMap = DefineMap.extend({
          tasks: {
              Type: DefineList.List,
              value: []
          }
      });
      var map = new MyMap();
      
      var stream = canStream.toStreamFromEvent(map, 'tasks');
      
      stream.onValue(function(ev){
          console.log('map.tasks has been updated');
      });
      
      map.fooList.push('New task');
      

      Parameters

      1. An {Observable}:

        observable object

      2. property {String}:

        name

      Returns

      {Stream}:

      A Kefir stream.

      canStream.toStreamFromEvent( obs, propName, eventName )

      Creates a stream based on event trigger on observable property

      var canStream = require('can-stream');
      var compute = require('can-compute');
      var DefineMap = require('can-define/map/map');
      var DefineList = require('can-define/list/list');
      
      var MyMap = DefineMap.extend({
          tasks: {
              Type: DefineList.List,
              value: []
          }
      });
      var map = new MyMap();
      
      var stream = canStream.toStreamFromEvent(map, 'tasks', 'length');
      
      stream.onValue(function(ev){
          console.log('map.tasks has been updated');
      });
      
      map.fooList.push('New task');
      

      Parameters

      1. An {Observable}:

        observable object

      2. observable {String}:

        property name

      3. observable {String}:

        event name

      Returns

      {Stream}:

      A Kefir stream.

      CanJS is part of DoneJS. Created and maintained by the core DoneJS team and Bitovi. Currently 3.0.0.