I have a plex knockout.js object which is effectively an observableArray with another observableArray inside. I have a remove function which asynchronously removes chosen element from the second array. An item is being archived in the database, while one of its observable properties on client side is being set to false making it to disappear from the screen.

A remove button event is created using $root keyword:

<a href="#" data-bind="click: $root.RemoveActivity">Remove</a>

What gives me access to details of the chosen element using "this" keyword. My problem is, that while deleting item from the second array I would like to change something to its parent item in the first array. As I mentioned "this" keyword refers to the child item, is there any way I could access the parent item at the same time as well?

I have a plex knockout.js object which is effectively an observableArray with another observableArray inside. I have a remove function which asynchronously removes chosen element from the second array. An item is being archived in the database, while one of its observable properties on client side is being set to false making it to disappear from the screen.

A remove button event is created using $root keyword:

<a href="#" data-bind="click: $root.RemoveActivity">Remove</a>

What gives me access to details of the chosen element using "this" keyword. My problem is, that while deleting item from the second array I would like to change something to its parent item in the first array. As I mentioned "this" keyword refers to the child item, is there any way I could access the parent item at the same time as well?

• javascript
• knockout.js

Share Improve this question Follow asked Jan 7, 2013 at 9:03 BartoszBartosz 4,6021111 gold badges4545 silver badges7070 bronze badges 1

• 1 You can try to pass the $parent as parameter: data-bind="click: function(data, event) { return $root.RemoveActivity(data, event, $parent); }" then you will get the parent in the thrid parameter. – nemesv Commented Jan 7, 2013 at 9:07

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

mhu's answer is a antipattern because it creates a dependency between ViewModel and the structure of the View.

Instead do

<a href="#" data-bind="click: $parent.removeActivity.bind($parent)">Remove</a>

Parent Viewmodel

removeActivity: function(activity) {
    this.activities.remove(activity);
}