Change observable but don’t notify subscribers in knockout.js

by

Normally this is not possible or advisable, as it potentially allows things to get out of sync in the dependency chains. Using the throttle extender is generally a good way to limit the amount of notifications that dependencies are receiving.

However, if you really want to do this, then one option would be to overwrite the notifySubscribers function on an observable and have it check a flag.

Here is an extensions that adds this functionality to an observable:

ko.observable.fn.withPausing = function() {
    this.notifySubscribers = function() {
       if (!this.pauseNotifications) {
          ko.subscribable.fn.notifySubscribers.apply(this, arguments);
       }
    };

    this.sneakyUpdate = function(newValue) {
        this.pauseNotifications = true;
        this(newValue);
        this.pauseNotifications = false;
    };

    return this;
};

You would add this to an observable like:

this.name = ko.observable("Bob").withPausing();

Then you would update it without notifications by doing:

this.name.sneakyUpdate("Ted");

More Related Contents:

  1. event.preventDefault() function not working in IE
  2. JavaScript: remove event listener
  3. What is the difference between the mouseover and mouseenter events?
  4. Difference between “change” and “input” event for an `input` element
  5. Resolve circular references from JSON object
  6. Resize event for textarea?
  7. How to create an auto-complete combobox?
  8. Attach a body onload event with JS
  9. Detecting when Iframe content has loaded (Cross browser)
  10. Changing the keypress
  11. knockout data-bind on dynamically generated elements
  12. Is there any other way to implement a “listening” function without an infinite while loop?
  13. Are event handlers in JavaScript called in order?
  14. jQuery prevent change for select
  15. adding event listener cross browser [closed]
  16. Detect double tap on ipad or iphone screen using javascript
  17. Monitor all JavaScript events in the browser console
  18. How to clone or re-dispatch DOM events?
  19. How can I stop an onclick event from firing for parent element when child is clicked?
  20. Capture event onclose browser
  21. List all javascript events wired up on a page using jquery
  22. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
  23. Listen for changes with localStorage on the same window
  24. Set variable in parent window from iframe
  25. Knockout JS – How to correctly bind an observableArray
  26. Angular2 – catch/subscribe to (click) event in dynamically added HTML
  27. Unloading/Removing content from an iFrame
  28. Knockout JS mapping plugin without initial data / empty form
  29. jquery keypress event object keyCode for firefox problem?
  30. One time event handling using promises?

Leave a Comment