Page 1 of 1

Drill down from a list component

Posted: Tue Jan 29, 2013 12:17 pm
by BjornS

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?


Drill down from a list component

Posted: Tue Jan 29, 2013 2:04 pm
by Maryna Brodina

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...


Drill down from a list component

Posted: Wed Jan 30, 2013 9:39 am
by BjornS

I will try this :)