Simple binding handlers

Binding handlers can range from very simple to whole applications by themselves. As the purpose of binding handlers is to translate between the presentation layer (HTML) and the viewmodel (JavaScript), the binding handler's complexity is directly related to the complexity of the UI interaction and the bound data. Simple tasks such as hiding or showing an element with animation will have very thin handlers, while data binding on an interactive map element will require much more logic.

Animated binding handlers

As DOM interaction in the primary use case for jQuery, and given its popularity, it is not uncommon to use jQuery inside Knockout binding handlers. The canonical custom binding handler example from the Knockout documentation is a binding to hide and show elements, with the jQuery's slideUp and slideDown methods, instead of using the standard visible binding to switch them on and off:

ko.bindingHandlers.slideVisible = {
    init: function(element, valueAccessor...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

MASTERING KNOCKOUTJS

By : Timothy Moran

MASTERING KNOCKOUTJS

By: Timothy Moran

Overview of this book

Simple binding handlers

Animated binding handlers

MASTERING KNOCKOUTJS

By : Timothy Moran

MASTERING KNOCKOUTJS

By: Timothy Moran

Overview of this book

Simple binding handlers

Animated binding handlers

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access