This is part three of looking inside of UI Builder at our scoped app we created using App Engine Studio. Today we will look at the Record page. (Part two can be found here)
As you can see, App Engine Studio created a record page for each of my tables I added during the setup process. For this blog, let’s look at the Record Default page.
When the page opens you see….. nothing. How come?
Remember I mentioned that you need to populate Page Parameters with test data for some components to show?
In this case, we added the Incident table and picked a random record from the sysId field. Click Apply and now we can see a preview of the components and what the page looks like.
Let’s take a look at how UIB binds data to the component. If you look at where the record primary field data comes from, you can see it comes from @Data.record.form.header.primaryitem.displayValue. But what is this? This data comes from a data resource named form controller.
If you click on that @Data line, the window below opens, and you can see where that data is coming from the Form Controller. Basically, you are binding a label component to dynamically show the main display value of the form’s header primary item. These data bindings are used throughout the workspace.
I hope this series is helpful to most. Using UIB takes time and understanding of all the configurations available.
