I faced the same issue. This what worked for me. handleBlur(event) { // if the blur was because of outside focus // currentTarget is the parent element, relatedTarget is the clicked element if (!event.currentTarget.contains(event.relatedTarget)) { ….. } } Enjoy 🙂
You should be able to use the native JavaScript splice method – viewModel.SomeItems.splice(2,0,someNewItem); Docs here – https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/splice Example here (not Knockout specific) – How to insert an item into an array at a specific index? From the Knockout docs – For functions that modify the contents of the array, such as push and splice, KO’s … Read more
As of KnockoutJS 3.0, there’s an arrayChange subscription option on ko.observableArray. var myArray = ko.observableArray([“Alpha”, “Beta”, “Gamma”]); myArray.subscribe(function(changes) { // For this example, we’ll just print out the change info console.log(changes); }, null, “arrayChange”); myArray.push(“newitem!”); In the above callback, the changes argument will be an array of change objects like this: [ { index: 3, … Read more
I was just googleing for this, and after using the observable way, I thought of another approach: <div style=”display: none” data-bind=”visible: true”> <ul data-bind=”foreach: items”> <li data-bind=”text: name”></li> </ul> </div> You don’t need an observable, the visible will always evaluate to true once the data binding is done.
You need to remove the bindings before you use applyBindings again: ko.cleanNode($element[0]);
Actually used this today – to unwrap the observable I had to do: <button data-bind=”attr: { id: ‘prefix_’ + $index() }”> Send </button> Hope this helps.
Use the $parents array, the grandparent would be $parents[1]. You may also be able to use $root if the grandParent object in your example is the topmost parent. From the docs: $parents This is an array representing all of the parent view models: $parents[0] is the view model from the parent context (i.e., it’s the … Read more
I realized my first answer missed your point, and won’t solve your issue. The problem is that a computed will only reevaluate if there is some observable that forces it to re-evaluate. There is no native way to force a computed to re-evaluate. However, you can get around this with some hackery by creating a … Read more
Knockout has two utility methods that might help here. ko.dataFor will return the ViewModel that the element is bound to. ko.contextFor returns the “binding context” of the current element. The object you get back from this method will return something like: { $data: …, $parents, $root } So if I understand your question, you can … Read more
I know this is an old thread, but I was having the same problem and found out a much better solution that was probably added to knockout after this question was officially answered, so I’ll just leave it for people with the same problem. Currently there is no need for extenders, custom binding handlers or … Read more