Pull to Refresh is a common touch interaction pattern in mobile apps where by placing your finger on the device and dragging down you get an updated set of data onto your device. In this blog we show how to add this user interaction to your mobile Visual Builder app using a component from the Visual Builder component exchange.
The component exchange in Visual Builder contains various components that you can add to your development environment and apps. To add a component simply click the “Get Component” in the component palette, find the component your are after and choose “Install”. The component will be added to your visual editor’s component palette. In the demo below we are adding a “Pull to Refresh” component – this is a component that implement the user interaction. Inside the component, you place other UI component that you want to refresh. In our example we place a listView component into the default container of the pull to refresh component.
The component exposes an ojRefresh event, which we use to hook an action chain to. In the action chain we can execute the logic that will implement the refresh. In the demo we simply use the fire data provider event of type refresh on the ServiceDataProvider that populates our list component. Read the complete article here.
For regular information become a member in the Developer Partner Community please register here.