Prevent event bubbling when using the checked binding in knockoutjs

by

It sounds like you were on the right track. You basically want to do the equivalent of:

click: function() { return true; }, clickBubble: false

OR This could be done in a custom binding like:

ko.bindingHandlers.stopBubble = {
  init: function(element) {
    ko.utils.registerEventHandler(element, "click", function(event) {
         event.cancelBubble = true;
         if (event.stopPropagation) {
            event.stopPropagation(); 
         }
    });
  }
};

The normal click/event handler attached by KO will prevent the default action unless you return true. However, if we hook up our own event handler, then we only need to prevent it from bubbling.

Sample: http://jsfiddle.net/MikeEast/PyNfg/1/

More Related Contents:

  1. Can cleanNode() be used to clean binding?
  2. Example of knockoutjs pattern for multi-view applications [closed]
  3. How to force a view refresh without having it trigger automatically from an observable?
  4. Unique ids in knockout.js templates
  5. knockoutjs: can we create a dependentObservable function with a parameter?
  6. Knockout validation
  7. What’s the applyBindings’ second parameter used for?
  8. Adding properties to the view model created by using the Knockout JS mapping plugin
  9. Twitter bootstrap 3 Modal with knockout
  10. Difference between knockout View Models declared as object literals vs functions
  11. jQuery UI datepicker change event not caught by KnockoutJS
  12. Can you call ko.applyBindings to bind a partial view?
  13. Catch error if iframe src fails to load . Error :-“Refused to display ‘http://www.google.co.in/’ in a frame..”
  14. Knockout.js incredibly slow under semi-large datasets
  15. KnockOutJS – Multiple ViewModels in a single View
  16. knockoutjs databind with jquery-ui datepicker
  17. Change observable but don’t notify subscribers in knockout.js
  18. knockout data-bind on dynamically generated elements
  19. Knockout.js containerless “foreach” not working with
  20. Setting value of Observable not updating in Knockout
  21. How to use knockout.js with ASP.NET MVC ViewModels?
  22. Map JSON data to Knockout observableArray with specific view model type
  23. Return Partial View and JSON from ASP.NET MVC Action
  24. Knockout + Bootstrap 3 Radio Buttons
  25. When to use ko.utils.unwrapObservable?
  26. Binding true / false to radio buttons in Knockout JS
  27. combine dynamic and static classes through css binding, knockout.js
  28. Javascript Equivalent to C# LINQ Select
  29. JSON parsing error syntax error unexpected end of input
  30. Knockout JS mapping plugin without initial data / empty form

Leave a Comment