Help with setting local storage for multiple list items

[Chris Oliver6213671]

I'm a bit of a rookie so I need some help in the areas of setting a local storage variable and then setting the property.
What I have created is a page where I am displaying a list of multiple items from my database. Within that list is a grid component and within the grid is 2 labels and an input (for quantity).
What I would like to do is upon hitting the "save" button, set the local storage variable with all items in the list ONLY if the user has entered a quantity and then display the list of items below the Save button or on another page. Currently, all I have been able to do is to set the parameter for only the input box to display for only the 1st item in the list.

Help??

[Maryna Brodina]

Hello! To do that you would need to use custom JS and it should be coded by you, but here is a prompt. If on page you have a List filled with data from REST service and in each List item there are Label and Input components

to get array of all values from Input use:
codevar quantitiesArray = Appery("mobileList").find("[name=quantity]:visible").map(function(idx, input) {return $(input).val()} )/code
where mobileList - name of Mobile List component
quantity - Input name
To get list of Labels:
codevar labelsArray = Appery("mobileList").find("[name=titleLabel]:visible").map(function(idx, label) {return $(label).text()} )/code
where titleLabel - Label name in Mobile List
When you have quantitiesArray and labelsArray you can implement custom app logic - delete empty elements from quantitiesArray, save to LocalStorage, ets.