BjornS
Posts: 0
Joined: Tue Nov 20, 2012 12:22 pm

Drill down from a list component

I have created a tablet app with a list component on the left side. This app will get data from tiggzi database. So when i click on a item in the left side list component i want the information from that database record to be shown on the right side. How do i do this in a tablet app? are their any good tutorials on this subject with the html5 app builder?

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Drill down from a list component

Hello!

1)Add List component on the left screen side
2) Create detail screen
3) Add Rest service for request to DB
4) For example some query request
5) On detail screen create mapping to get results
6) Add datasource on detail screen
7) As the query request shoul have where parameter in mapping create localStorage variable "where" and map it to parameter

Image

8) map Response

Image

9) load service on detail screen
10) for each List item run JS:

codelocalStorage.setItem("where", '{"user_id":1}'); //set where condition here
setDetailContent("detail.html"); /code
Here is an example of app http://project.tiggzi.com/view/b82dd4...

BjornS
Posts: 0
Joined: Tue Nov 20, 2012 12:22 pm

Drill down from a list component

I will try this :)

Return to “Issues”