Dynamically display either a List or Table with 5 fields of data returned by Apex method call

Using Skuid Dubai v2.

Scenario: User clicks a button that submits an Account number. An Apex method is called, connects to an outside institution via API. The returned data is a String. Looks like JSON when viewed in Edge browser dev tools:

[{“actionName”:“GetClients”,“errors”:null,“isSuccess”:true,“outputValues”:{“output”:[{“displayText”:“Mary Smith: BENEFICIARY”,“clientRole”:“BENEFICIARY”,“clientName”:“Mary Smith”,“clientId”:“8UP4ITUAJ”},{“displayText”:“Monica Smith: BENEFICIARY”, “clientRole”:“BENEFICIARY”,“clientName”:“Monica Smith”,“clientId”:“2UP4IZUAI”},{“displayText”:“Mary Smith-1985 Wells Fargo Bank: TRUST NAME”,“clientRole”:“TRUST NAME”,“clientName”:“Mary Smith-1985 Wells Fargo Bank”,“clientId”:“3UP4IXUAH”},{“displayText”:“BoA: TRUSTEE”, “clientRole”:“TRUSTEE”,“clientName”:“BoA”, “clientId”:“9UMSEXCGX”}]}}]

Would like to display in a table so the user can select one of the returned values:



If I have a UI-Table, how can it populate dynamically because I don’t know how many values would be returned but there is no more than 15 total.

Once user makes a selection, a model will be updated using “update rows” and the other values go away / not stored.

In the Preview section using Dev Tools in browser:

I think this is a perfect opportunity to use the Skuid API to inject the JSON returned from your APEX code into a model.

Explore the update.rows functions documented here.

You can set up a UI Only model with field definition, and then inject values into the relevant rows.

I’m able to inject only 1 row from the Apex output but not the remaining values. Do I need to create a JS snippet and use a loop to create the additional rows with the remaining field:value pairs?

Yup. You’ll need to loop through the array in order to create each row.

1 Like

ok. After several days of frustration and scouring your community, I finally was able to produce my Display with the Temp Data retrieved from an Apex call that allows a user to select one of the returned data options and save it to the Model. I found that your Debug logging in the Browser was a bit helpful.

I used the Adopt Rows function since I’m only displaying the data temporarily. Did not use Update Rows and a loop. After trying many options suggested in the Community and BTW, a lot of your links are broken. It would be nice to restore some of them as they may have helped me sooner.

To collect all of the returned data I used this line in a JS Snippet:

var results = arguments[0].$PreviousAction.result.output;


This populated my UI-Table which allows the user to select one of the options.

Couple of observations.

1). When using your APEX Call in the Action framework, the URL is different than if I use a JS Snippet and call the sforce.execute. Your Action framework uses the Rest POST call and the JS Snippet sforce.execute uses the GET w/ SOAP call. Why?

2). Please, please provide more examples and updates to your documentation so as customers we can develop and provide solutions faster to our end users. I spent time in your GIT Hub looking at samples. Especially if you can post complex How To’s. Your examples in the JavaScript section are not helpful to me. Maybe other people get it.

3). Could not find any documentation on the Global Merge variables: $CurrentAction and $PreviousAction. Please send a link.

Since you’ve been around some time, you have to have some really good code samples laying around you could post?

Thanks for the help and look forward to building more cool things using Skuid!!!

I was wondering if you got this working. The depth of solutions and documented how-to’s aren’t at the same level as the likes of Salesforce.

I’m certain we would have a solution within an hour if we were to work together on it. So for next know that I’m a Skuid Champion for hire if you want to hyperdrive a difficult requirement. I teach as I go if that appeals to you.


That’s awesome and appreciate the offer. Definitely will be contacting you in the future as I am building more complex F/E solutions.


1 Like