Forum | Appery.io

how to make a clickable list offline?
user can add item to wish list,click a button to open the list page.

page one:user can select one item of list(navigate to next page)

page two:list the items from db which user selected previously(navigate to next page).

page three:select one of them(open the item's detail page).

I try to do that by your tutorial but not working.(Creating a master-detail page、Building a clickable list app with HTML5 local storage)

by the way,how can I select the item (in page three) and record on the wish list of the user.

thanks for your help

Hello,

We do not have tutorial for such case.
This can be done with usage of localStorage variables.
Use this example to think offline logic http://devcenter.appery.io/tutorials/...

sorry~
i have a problem to create a clickable list form database not from REST service.
i can do that by this tutorial in html5 "Building a clickable list app with HTML5 local storage".
But how to make it from database?

You need to set up Service to populate data, read more here http://devcenter.appery.io/documentat...
Also, most tutorials dial with such queries http://devcenter.appery.io/tutorials/...

I just study the tutorials above,but still can't figure out how can do that.
A lot of people also have the question on this community ,will you guys release a tutorial for this issue?

I can't do that by the "Creating a master-detail page" tutorials.
Is this step correct in this version of appery.io?

Hello!

Could you clarify in more details what do you do and what exactly doesn't work?

Maryna
i already can use queries of database api to did that.
but i have one more question about Multiple where clauses "$and".
i set two values at page two and set storage variable in storage.

at page three i create a service of Multiple where clauses.
and input the two variables from storage to where.

also edit the js below.

if i choice category2 and 103,it should show "test22" in detail page.
but it show "undefined".

did i do something wrong?

http://appery.io/app/mobile-frame?src..."

i already did it by enter below JS

var value1 = localStorage.getItem('name_input');
var value2 = localStorage.getItem('category_input');
return '{"$and": [{"name": "'+value1+'"},{"category": "'+value2+'"}]}';

good job!!

Hello Spark,

Thank you for the update, glad it works!