The argument passed when initializing an observable array must be an array, or null, or undefined

Question

I am very new to knockoutjs I got the error "The argument passed when initializing an observable array must be an array,or null,or undefined.I don't have an idea how to solve it.Can any one help me please.

 viewModel = function ()
 {
    var self = this;
    self.rows = ko.observableArray([]);
    self.items = ko.observableArray(childData.items);
    self.otherCharges = ko.observableArray(childData.otherCharges);
    self.add = function (type) {

        var entry = new Entry({});
         entry.SNo(VMRows().length);
        entry.Type(type);
        self.rows.push(entry);

    };

    self.remove = function (entry) {
        self.rows.remove(entry);
        i = 0;
        ko.utils.arrayForEach(VMRows, function (e) {
            e.SNo(i++);
        });
    };

};
VM[container] = new viewModel();

var VMRows = VM[container].rows;

Beware that your code, as quoted, is falling prey to The Horror of Implicit Globals (that's a post on my anemic little blog). Declare your variables (such as viewModel). — T.J. Crowder
– T.J. Crowder, Commented Aug 11, 2017 at 6:58

T.J. Crowder · Accepted Answer · 2017-08-11 06:57:05Z

3

The message is very clear: You're passing a value into ko.observableArray that isn't an array, null, or undefined. So that tells us that either childData.items or childData.otherCharges is not an array, not null, and not undefined. At least one of them is some other value. (Obviously I can't tell you which; you haven't show us what childData is.)

answered Aug 11, 2017 at 6:57

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

3 Comments

Sowjanya Over a year ago

Hi,T.J.Crowder <script> var childData={items:@Html.Raw(Json.Encode(Model.xShiftA)), otherCharges:@Html.Raw(Json.Encode(Model.xShiftB)), rows:@Html.Raw(Json.Encode(Model.xDetails))}; </script> is my script and in my project I have to you two knockoutjs lists for shiftA&B but no items were displayed when I click Edit

T.J. Crowder Over a year ago

@Sowjanya: Quoting server-side templating code in a comment is not useful. Show what the browser sees, not the server code, using the "edit" link on the question. Now I can' thelp because I don't know what Model.xShiftA and Model.xShiftB are. (And I don't need to know. I just need to know what the browser sees.)

Sowjanya Over a year ago

Hi,T.J.Crowder,thank you for your valuable answer.As u did I have declared some of the elements of child data as ko.observableArray which are not array elements.How I removed Array from ko.observableArray so my screen is working

Collectives™ on Stack Overflow

The argument passed when initializing an observable array must be an array, or null, or undefined

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related