How to pass the value from pagemodel to a custom component

[manish-sharma]

Hello @SelvaPrasath ,

You can pass data and functions down to the Builder component to use in the UIs (e.g. bind data values to UIs e.g. for text values or iterating over lists, and actions to trigger for instance on click of a button)

All data passed down is available in Builder actions and bindings as state.*, for instance in the below example state.products, etc will be available

<BuilderComponent model=“page” data={{ products: productsList, foo: ‘bar’, }} content={builderJson} />

Once you have the data available in builder UI, you can use the dynamic data binding feature to bind page data to your custom components.

Is it possible to access Page Fields in data bindings?

Hi Jason, Ah yes! Apologies. You can bind to any custom field using context.builderContent For example, if you have a custom field called title, you’ll need to bind to context.builderContent.data.title So you can set state.someTitle = context.builderContent.data.title Basically, within custom JS I would recommend either setting the value to state by putting: state.whatever = context.builderContent.data.whatever Or, in your databinding you can access directly with context.builderContent.da…