Knockout observablearray thows undefined error

Question

I am getting undefined error while pushing new values into a array.

html:

 <select id="temp" data-bind="options:Original"></select>
 <select data-bind="options:dynamicaarry"></select>

viewModel:

var ViewModal=function(items) {
    this.dynamicaarry=ko.observableArray(items);
    this.Original=ko.observableArray(['volvo','saab','mercedes','audi']);
};

ko.applyBindings(new ViewModal(['four']));
$("#temp").change(function() {
    this.ViewModal.dynamicaarry.push('six'); //throws undefined error});});
}

And is it possible to handle selectedindexchange event in knockout without using jquery ?

You need to understand the 'this' keyword in javascript: unschooled.org/2012/03/understanding-javascript-this — leszek.hanusz
– leszek.hanusz, Commented Jan 21, 2014 at 17:00

alexmac · Accepted Answer · 2014-01-21 16:54:03Z

1

You are trying to call ViewModal in different context. So, first of all, you should remove this from change event handler, and the second, you shouldn't use jQuery change event handler, you should to use knockout binding, instead:

Html:

<select id="temp" data-bind="options:Original, event: { change: changeOriginal }"></select>

ViewModel:

var ViewModal=function(items) {
    this.dynamicaarry=ko.observableArray(items);
    this.Original=ko.observableArray(['volvo','saab','mercedes','audi']);

    this.changeOriginal = function() {
        this.ViewModal.dynamicaarry.push('six');
    }
};

ko.applyBindings(new ViewModal(['four']));

answered Jan 21, 2014 at 16:54

alexmac

19.7k7 gold badges64 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Knockout observablearray thows undefined error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related