More Detail on using the select menu

[Willie Sims]

Sorry I have look through all the posts about the select menu but I cant seem to grasp how to make it work.
I am trying to Shrink down the amount of list options that will show on the screen to make it easier to find the option a person needs.
What I am trying to do is list all the states in the U.S Mainland, this means that there are 18 letters in the alphabet being used
So If the user selects A then the list below that would show
Alabama
Arizona
Arkansas
Then when the person selects a state I want to go to that states page.
I also looked at the search tutorial actually fits the best but once again not sure how to make it do the same thing http://docs.appery.io/tutorials/build...

[Alena Prykhodko]

Hello Willie,

You can store data in Database (http://docs.appery.io/documentation/b...) and populate list with Service. Please read Working with Services section: http://docs.appery.io/documentation/#....
It's also recommended to try a few of our tutorials: http://docs.appery.io/tutorials -- most show how to work with services.
The tutorial you refered to fits to your demands.
Here is more about Select menu component: http://docs.appery.io/documentation/u...

[Willie Sims]

I'm Sorry maybe I wasn't clear, I know I could populate a list, but the issue is that if I list all of the states then the app is bulky and hard to navigate, I am using a small work around right now by grouping states alphabetically A To C and D to F and so on that works but I was trying to see if there was a better option I am not looking to just list states but to make those states as links to its own page itself

Thanks

[Alena Prykhodko]

On Click event for List item you can Run JS action http://docs.appery.io/javascript-api/...
preAppery.navigateTo('menuPage', {});/pre
menuPage - page name.

[eascards]

I have the same question only I just want show items in a collapsible list. When the items were made, the user had to select what they wanted it to be filed under. At the top I have a select menu. When the user clicks a certain option, they should see the items made with that option.

This is where the user selects the option originally.

This is where it shows up.

[Evgene Karachevtsev]

Hello Eascards,

Could you please clarify your question in details?

[eascards]

I have it set up so that a user can crete a new book. When a new book is created, it fills a select menu in a "new calf" page. It also fills the select menu at the top of the second screen shot. When a new calf is created, a user will select a book from the list and that will be used as a sorting feature. When they select the same book at the top of the page, I want it to display only calves made with that certain book. I shared my app with a href="mailto:support@apery.io" rel="nofollow"support@apery.io/a so you can check it out of you need to. It is called The Calving Book.

[Kateryna Grynko]

Hi,

Then after you choose a book in top, you would need to check whether it's the same. Then you can invoke a service to display "only calves made with that certain book". To do that you can use a query service: http://devcenter.appery.io/documentat...

[eascards]

Then would this be a good code to use? And where do I put it?

curl -X GET
-H "X-Appery-Database-Id: 53c1910ae4b04e2d7216ee8f"
-G --data-urlencode 'where={"Book": {"$regex": "A"}}'
https://api.appery.io/1/db/collection...

[eascards]

This is what the mapping for the service looks like.

This is how the service is invoked.