KnockOutJS Inserting Data in a Nested Array

Question

I would like to insert data to a nested array. The structure of the JSON object is like this:

Data: {
    MembershipName:
    Countries: {
                CountryName: "USA"
                States:
                                {
                                  State: "Alabama"
                                       {
                                          Members: {}
                                       } 
                                }
       }
}

I tried using the push function below, it's being added when I debug it in the console but my View isn't updating.

self.Data()[0]["Countries"].push(
            {
            "CountryName": 'Success!'
            }
        );

I would like to add to the Countries array specifically for this specific index (I used index for 0). Is there an efficient way to achieve this?

Hi @Ricalyn, not really sure what this has to do knockoutjs. Could you please add some more detail and enough code to help us understand what you are trying to do. — Nathan Fisher
– Nathan Fisher, Commented Jul 11, 2019 at 6:54
Hi @NathanFisher updated. The self.push is the KnockOutJS related. I'm trying to push to a nested array. — Ricalyn Haboc
– Ricalyn Haboc, Commented Jul 11, 2019 at 7:43

Bludev · Accepted Answer · 2019-07-11 10:07:04Z

1

Your data structure is not so clear, it seems that Data is an object (but you go through it with [0]) and countries is another object (but you want to push a new value like an array).

Maybe you thought about this data structure:

Data: {
    MembershipName: {},
    Countries: [
        {
            CountryName: "USA",
            States: [
                { 
                    State: "Alabama",
                    Members: []
                }
            ]
        }
    ]
}

In this case, you can push the new country with:

self.Data().Countries.push({ /* new country data */ });

answered Jul 11, 2019 at 10:07

Bludev

5574 silver badges16 bronze badges

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

2 Comments

Bludev Over a year ago

Arrays should be observableArray, is that it?

Ricalyn Haboc Over a year ago

Hi @Bludev yes, I actually have some issues with my mapping, but I solved it as well, it was the main problem.

Ricalyn Haboc · Accepted Answer · 2019-07-12 09:16:10Z

0

I have already solved this by doing the following:

self.Data()[index].Countries.push(
            new countriesModel(
                {
                    'CountryName': selectedCountry()
                }
            )
        );

answered Jul 12, 2019 at 9:16

Ricalyn Haboc

7512 bronze badges

Collectives™ on Stack Overflow

KnockOutJS Inserting Data in a Nested Array

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related