Performance of JQXGrid combined with knockout
Knockout.js logo

The other day I noticed poor performance of a JQXGrid when combined with knockout. I had an ko.ObservableArray() with objects. Each object contains only 3 ko.observable(). I was using JQXGrid’s selection check-box on each row. Event-handlers were established to react to changes in the check-box and set one of the ko.observable() in the the corresponding […]

Read more
How to see the real-time state of your view-model

When testing and debugging your web-application, its convenient to see the real-time state of the view-model. This is very easy when you’re using a data-binding framework such as knockout. You can simply bind the JSON representation of the view-model to some visible DOM element, like this: Sometimes, the objects in your view-model might have circular […]

Read more
Using jQuery to give your user a “check all” option in the UI

Say you have a table where each row contains a check-box and you want to be able to check/uncheck every single check-box based on some action the user does. Using jQuery this is very easy. Assume we have the following HTML: Then the following jQuery snippet will transform the HeaderCheckbox into a control that automatically […]

Read more
knockout.js: Your observable isn’t seeing changes made to text controls until they lose focus
Knockout.js logo

knockout is great library that’s easy to use. One thing I noticed is that changes made in text-controls are only propagated to the observable once that control loses focus. If you want changes in a text-control to immediately be reflected in your observable, then avoid the value binding and use the textInput binding like below:

Read more