KoGrid | koGrid : A Knockout DataGrid | Plugin library

Rather than trying to explain how data-binds and binding contexts work exactly, I'll try to suggest how to refactor your code to make it easier to grasp:

Judging from your api call, you're attempting to show some sort of overview of players. The overview has a list of players, and a list of selected players. It also has a load method that queries an API and writes to the list.

Problem was, after making the Ajax call I was setting the totalServerItems with the following:

The problem is in the double quotes. Double quotes are used for both the data-bind attribute and the target property. The opening double-quote of the target property closes the data-bind attribute.

Also there is no need to put the target in the data binding. The data is not dynamic so could simply be added to the a element:

Try changing it to:

In your gridOptions you're passing in a reference to your mySelectedData observable array to use as the SelectedItems so you should be able to use the original mySelectedData variable instead of SelectedItems; they are equivalent. mySelectedData will be updated when the grid selection changes.

The easiest way is to pass the observable model to the component and use the params in your components bindings. The only thing to watch out for is when you are inserting a new row to a database and do not have the ID. You have to set the ID when your save is complete leaving the component open until you get a return from your message.

May be you can use a regex pattern like this. The following code shows ToJavaScriptDate() function that does this for you:

JSON.parse(string) should do the trick

here is your "repaired" code:

Unless I'm mistaken you're just building a string that will later get executed as a template so there's no need to pass in the actual validation object during template construction, you just need the string that represents the validation object. The template itself can reference the $parent context later when it's executed.