Array from JS to App Connect

[aquapolis]

How to pass array from js to app connect

[Teodor]

Please provide more details what and where are you trying to send.

[aquapolis]

spotsToAdd.forEach(spotId => {
            const record = {
                id: spotId,
                spot: `Место ${spotId}`,
                price: state.spotPrices[spotId] || 0
            };

to create booking table in app connect

[Teodor]

Looks to me some code is missing here. Don't you do anything like:

records.push(record);

inside the forEach, which is missing from the code you pasted?
Anyway here it's explained how to access js values from App Connect:

Using App Connect with JavaScript Functions

In some cases it's required to read a JavaScript variable or object values and use them in App Connect. In other cases it's required to use a dynamic App Connect expression in your own custom JavaScript functions. Although we don't provide a visual interface for these operations, both are possible with App Connect. We will show you a couple of simple examples, which show you how to do this but it applies for any complex function you might be using. Using App Connect Expressions in JavaScript…

[aquapolis]

Teodor, the solution dmx.app.set() that you mentioned is working only with single variable but I need array like [{ id: 5, spot: "Место 5", price: 1500 }, { id: 7, spot: "Место 7", price: 500 }....]

[GraybeardCoder]

Try this post instead for direction:

Dmx.app.set giving undefined value

What you might find better, as i have recently discovered, is that you if you want to change the value of an app connect variable (like in your example) you can use dmx.parse. Like this: dmx.parse('var_1.setValue("xyz")') (or you can have the value being any variable etc from your JS code) With dmx.app.set, it does create a variable with that value, but its not selectable in the UI in app connect. But if you use dmx.parse and use the .setValue("value")' you can actually change the value of…

[Teodor]

@aquapolis

Teodor, the solution dmx.app.set() that you mentioned is working only with single variable but I need array like [{ id: 5, spot: "Место 5", price: 1500 }, { id: 7, spot: "Место 7", price: 500 }....]

Not sure what you mean here? You can store any value this way.

[aquapolis]

I don't want to store but just show in table this array . I tried but with no success . Can I use datastore with dmx.app.set ?

[Teodor]

@aquapolis

I tried but with no success

What exactly have you tried?
Please post the code and explain what is the issue. We need more details to be able to help you.

[aquapolis]

<table class="table">
               <thead>
                   <tr>

                   </tr>
               </thead>
               <tbody id="d">
                   <tr>
                       <td>{{details.id}}</td>
                       <td>{{details.spot}}</td>
                       <td>{{details.price}} руб</td>
                   </tr>
               </tbody>
           </table>
           <table>

           </table>
       </div>
   </div>
   <script>
       function loadSpots() { 
var booking_details =  [{ id: 5, spot: "Место 5", price: 1500 }, { id: 7, spot: "Место 7", price: 500 }];
 dmx.app.set('details', booking_details);
}
   </script>

[Teodor]

Your table code is wrong, it’s missing the repeat. It should be:

<table class="table">
    <thead>
        <tr></tr>
    </thead>
    <tbody id="repeat1" is="dmx-repeat" dmx-bind:repeat="details">
        <tr>
            <td>{{id}}</td>
            <td>{{spot}}</td>
            <td>{{price}} руб</td>
        </tr>
    </tbody>
</table>

[aquapolis]

Thank you so much