Adding Pull to Refresh Behavior in Mobile Apps by Shay Shmeltzer

image

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.

Developer Partner Community

For regular information become a member in the Developer Partner Community please register here.

clip_image003 Blog clip_image005 Twitter clip_image004 LinkedIn image[7][2][2][2] Facebook image Meetups

Technorati Tags: PaaS,Cloud,Middleware Update,WebLogic, WebLogic

Advertisement

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.