Page 1 of 1

How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Wed Jul 22, 2015 12:45 am
by A.W.H.

I have two arrays of data. One, called 'Groups', lists the names of various groups within a company. Two, called 'Tasks', lists the tasks most commonly assigned to employees of each group. Each group has its own array of task data. In other words, there are two interdependent sets of data.

Now, I have two drop down lists in my app. First, the groups button to select which group you'll be sending a task to. Second, the tasks button to select which task you'll be assigning members of that group.

How can I make the UI so that the second list array changes to match the appropriate selection in the first list? If I choose 'Marketing' from the Groups array, I only want to see a selection of Marketing tasks to choose from. If I change the group to 'Sales', I want to see a selection of Sales tasks.

How can I accomplish this? Thanks


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Sat Jul 25, 2015 1:04 am
by Illya Stepanov

Hi Avery -

It is hard to say, since it is a very general explanation of your idea. Could you please show us what you have tried in your app and with what you particularly experiencing difficulties now?


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Wed Aug 05, 2015 12:15 am
by A.W.H.

How do I code:

If in one column drop down list, I select item '1a', then change the contents of the second column drop down list to the corresponding list of suffixes for which '1a' is a valid prefix? I know it's a lot of logic, but I need to implement some sort of query or other filter to manage the user's options.


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Tue Aug 11, 2015 8:43 pm
by A.W.H.

?

Can you give me the code that can view/alter and do if/else statements on the value of the dropdown list selections, and that can automatically pull from a new collection based on the value of the selection


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Tue Aug 11, 2015 9:18 pm
by A.W.H.

https://devcenter.appery.io/documenta...

Similar to this but with the code reflecting options from the database, rather than manual.


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Wed Aug 12, 2015 1:44 am
by Pablo

1 - Load Group Component data.
2 - On value change event (Group Component) add JavaScript code
3 - Map/Set a localStorage variable with the selected item (group)
4 - Execute a service that request the "group" variable
5 - Map the result of the query into the 2nd select component (task)

There are a lot of tutorials and documents on those subjects (mapping, local storage, etc)

If you need something or have answers just let me know.

Happy coding!


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Wed Aug 12, 2015 10:46 pm
by A.W.H.

Can you please help me understand this list grouping function?
https://getsatisfaction.com/apperyio/...


How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

Posted: Wed Aug 19, 2015 11:50 pm
by A.W.H.

Hi, I need help getting data from the database into the Javascript append html query.
https://getsatisfaction.com/apperyio/...