foreach – End Your If

KnockoutJS Computed Observables

Computed Observables with Knockoutjs are functions that are dependent on one or more other observables, and will automatically update whenever any of these dependencies change.

`this` context with ko computed observables and subscribe
Creating a basic Knockout ViewModel
Using this with a computed observable
Writeable computed observations
Accessing an Observable
PureComputable Observables
How dependency tracking works?
Computed observations
Determining if a property is a computed observable property
Pure computed observations

(more…)

September 2, 2022

Knockout JS Foreach Loop

Knockout is an easy way to loop through observable arrays or standard array objects using a foreach data bind statement. Let’s look at a concrete, in depth example.

(more…)

July 31, 2022

Knockout – Uncaught ReferenceError: Unable to process binding

If you’ve used Knockout.js in your project to process binding, at some point or another you’ve probably encountered the following error message Uncaught ReferenceError: Unable to process binding. The most likely cause is a typo somewhere or forgetting to change the context. E.g. you are within a foreach binding and forget to use $parent especially inside your jquery HTML template.

(more…)

July 10, 2022

Using a forEach loop with JavaScript

I honestly feel like I’ve been living in the stone age. For years I’ve always used a standard for loop when iterating JavaScript arrays accessing the property with the index of my for loop. No longer, it’s time to upgrade (my brain) and use the forEach loop.

(more…)

April 7, 2019

Knockout.js foreach afterRender when loop is completed

I have been using Knockout.js’s afterRender for years to hide a progress bar when the foreach loop completed. All of those years I have been using it incorrectly. Once I read Knockout’s documentation about the foreach data binding function, I realized that it is actually called after each render of the element inside the foreach. This is definitely not how I wanted this function to work. In this Knockout.js tutorial let me show you my solution to accomplish applying the afterRender when the foreach has completed.

(more…)

April 3, 2019

Tag: foreach

KnockoutJS Computed Observables

Knockout JS Foreach Loop

Knockout – Uncaught ReferenceError: Unable to process binding

Using a forEach loop with JavaScript

Knockout.js foreach afterRender when loop is completed