You have the afterRender callback in knockout.js: foreach: { data: myItems, afterRender: renderedHandler } Here’s documentation. Inside your handler check whether the length of the rendered collection is equal to the length of the items collection. If not don’t execute the full rendered logic that you intend to use. renderedHandler: function (elements, data) { if … Read more
If you add this element on the fly after you have bound your viewmodel it will not be in the viewmodel and won’t update. You can do one of two things. Add the element to the DOM and re-bind it by calling ko.applyBindings(); again OR add the list to the DOM from the beginning and … Read more
Use native binding when a parent-child relationship exists within the binding section, like a ul and a li. Use the comment syntax for containerless binding when your binding section does not have a parent-child relationship. In your example you use the first code block because you are not trying to bind to a parent-child structure. … Read more
Use a binding, like in this example: <a href=”#new-search” data-bind=”click:SearchManager.bind($data,’1′)”> Search Manager </a> var ViewModelStructure = function () { var self = this; this.SearchManager = function (search) { console.log(search); }; }();
If the only purpose of your computed observable is to do a simple binding against it, then using a function would be equivalent. Bindings are implemented inside of a computed observable to track the dependencies, so it will re-trigger your binding when any of the observables change. Here are a few things to consider about … Read more
You can add both a checked and click binding to an input. However, you would want to return true; from the click handler. This will allow the default action to proceed (the checkbox will be checked/unchecked). Here is a sample: http://jsfiddle.net/rniemeyer/cnkVA/ An alternative technique is to push this logic into your view model and subscribe … Read more
Knockout MVC is the bastard child of WebForms. It routes all viewmodel methods through controller actions, meaning everything that happens has to bounce to the server and back. I cannot understand why anyone would take a framework like knockout, which is intended to be CLIENT SIDE MVVM, and force it to call the server for … Read more
After using Knockout for a little longer, I’ve noticed that the mapping plugin has some additional options that give you much more fine grained control over the mapping process. Control type and amount of properties generated There are several ways to accomplish this, and I’ll go over some, but the end result is that you … Read more
OMG. The answer was to use the right binding attribute. Instead of text, it was value for an input!
$index is an observable. So you need to use it this way : <span data-bind=”text: ($index() + 1)”> </span>