We’ve looked at straightforward select lists using checkboxes and the “checked” binding, but sometimes your UI calls for buttons or links. Here’s how to build select lists with any UI you need.
Building a list of selectable items in Knockout JS can be a bit confusing at first. Not because it’s hard, but because you have so many ways to do it. This post is part one of a three-part series where I’ll walk you through three ways to build select lists, and why and when to use each technique.
When you’re working with sets of data in Knockout JS, inevitably you’ll be building a table or grid to display it. About twenty seconds after your client sees that table you’ll get the request for sorting rows by clicking on column headers. Let’s make sure you’re ready with a quick look at sorting tables in Knockout JS.
When you’re building your first few models with Knockout JS you may run into a “ReferenceError : XYZ is not defined” where “XYZ” is a method or model you’re pretty damn sure you defined. In fact, you can see it right there in the code. Don’t worry, this error usually has a simple fix.
So, you’ve decided to tackle the “cascading dropdowns” or “cascading selects” UI with Knockout. You built your view model and wired-up your bindings…only to see a single dropdown where there should have been three. Or three dropdowns but only one has any values in it. Don’t worry, in this post I’m going to show you how to build a cascading dropdowns UI with Knockout in a few simple steps.