Repeating with named keys

Wappler General Need Help
1

I am using a client side repeater and when I use this array it works:

{
        "game_code" : "five_kings",
        "max_players" : 7,
        "min_players" : 2,
        "name" : "Five Kings",
        "status" : "active"
      },
      {
        "game_code" : "skip_yo",
        "max_players" : 5,
        "min_players" : 2,
        "name" : "FSkip Yo",
        "status" : "active"
      }

But when I use this object it will not:


    {
      "5k" : {
        "game_code" : "five_kings",
        "max_players" : 7,
        "min_players" : 2,
        "name" : "Five Kings",
        "status" : "active"
      },
      "sy" : {
        "game_code" : "skip_yo",
        "max_players" : 5,
        "min_players" : 2,
        "name" : "FSkip Yo",
        "status" : "active"
      }
    }

Is it possible to use a repeater on an object or does it have to be an array?

2

Can you please be a little more datailed?
What “repeater” are you referring to?
Where is the data coming from?
Is that on the front end or on the back end? What components are you using?

3

Sorry you were too fast. My laptop died so had to hop on my phone. I updated the question.

I am working on the front end and the data is coming from an external API (that I control) and I am using a repeat children on a row that iterates the columns.

Ultimately the question is does the data have to have numbered keys or can it have named keys?

4

It doesn’t matter both will work. Just make sure you defined the right API schema first so that you can pick the data correctly later with the data bindings picker.

5

I think in my hurry to post all this before my computer died, I did not post enough detail. Sorry. I have done more testing and still cannot get it to work.

What I am doing now is using a select menu with the data above. You can see in this image how the Select is set up:

Screen Shot 2020-03-28 at 2.19.27 PM
Screen Shot 2020-03-28 at 2.19.27 PM968×688 53 KB

It works with the first data set which has numbered keys:

Screen Shot 2020-03-28 at 2.17.45 PM
Screen Shot 2020-03-28 at 2.17.45 PM2880×1576 528 KB

When I change the data at source to the second dataset (which is a firebase API that prefers id keys rather than numbered keys) and reload the page the select menu is not populated. Note the difference in the keys in the console:

Screen Shot 2020-03-28 at 1.41.01 PM
Screen Shot 2020-03-28 at 1.41.01 PM2880×1576 434 KB

6

I couldn’t get the Select to take an object so ended up creating a function that converts the object to a numbered array and adds the object key to the array as an ID.