eoasfen.blogg.se - Justinmind tutorials

#Justinmind tutorials how to

In the same prototype, navigate to the ‘List Dashboard’ screen.

This would also work for a Data Grid, but we’re only adding this to the Data List in this case.

#Justinmind tutorials how to

In this exercise, we’ll learn how to sort columns of a Data List from largest to smallest. Using the Data List instead would be useful for a multi-criteria search because that kind of search relies on filtering an increasingly narrow set of results. Note that we’re using the Data Master in the filter rather than the Data List. We’ve dragged the Input Text Field where we type in our search, so the filter will check to see if the values typed in the Input Text Field match any values in our Data Master, and if so, will return those results. The second space defines the condition of the filter.

We’ve dragged the Data Master to this space, so the filter will draw from all records in the Data Master. The first space defines the information where the filter will draw from.Repeat steps 1-5 for the ‘List Dashboard’ screen.Drag the Input Text Field to the last open space in the expression. Still in the builder, click to the ‘Data masters’ tab and drag the entire Data Master to the open space to the right of the ‘Filter’ function in the expression.ģ. Drag the ‘Filter’ function to the open space in the expression.Ģ. In the builder, follow these steps to create the expression:ġ.You’ll see the Calculated Expression builder appear. For the value, click the ‘Calculated’ radio button and then the ‘Add expression’ text. With the Input Text Field selected, create an “On Key Up” + “Set Value” event, selecting the Data Grid as the target of the action.Go to the ‘Card Dashboard’ screen and drag an Input Text Field onto the Canvas above the Data Grid.

Open your prototype that contains the ‘Clients’ data master and the two dashboards. We’ll continue prototyping from where we left off in the last tutorial. In this exercise, we’ll learn how to create a ‘live’ simulated search filter using “On Key Up” + “Set Value” events. Now that you know the basics of data in Justinmind, let’s learn about some additional functions you can use with your Data Lists and Data Grids. If you’ve not already done so, make sure you read the Prototyping Data tutorial before continuing on here.