How Do I Create an iOS Modal Pickwheel in a column?
This Lesson presents how to create a column containing an iOS Modal Pickwheel control in a datagrid, using the Data Grid Helper Plugin.
First, drag a datagrid onto a stack and double click on it to open the Data Grid Helper (DGH) Properties Palette.
Click the "Edit..." button to open Columns Builder.
Click the (+) button and add two columns.
Name the last column "Pickwheel".
Open the Custom Objects, Columns Builder Properties topic (1)
Double click on the "Pickwheel" header (2) to open the Column Content (3)
Next, drag the iOS Modal Pickwheel image from the Column Builder Properties and drop it in the Column Content Area (4)
Click the Update button to refresh the Column Builder Preview content (1).
A field named "_ColumnData_" will also be automatically added in the Column Content.
Remove this field by selecting it's name in the Object List of the Column Content Area (2), after the field is selected in the Column Content, on your keyboard, press the Delete or suppr key.
Double clicking on the Pickwheel field in the Column Content, will open the Properties Inspector.
Enter a name for this pickwheel field. Default name is "Field". Example: myFirstPickwheel.
Close the inspector, then update the columns builder preview again by clicking on the update button.
DGH can now build the required script for managing this iOS pickwheel according to the column data.
Click the Script Editor icon and select the "Build Script" menu.
Click the "Erase" button to replace the column default script with the script built by DGH.
Click the Script Editor icon and select the "Edit Script" menu.
Content for the pickwheel is added by DGH in the EditValue handler.
In the EditValue handler, locate this line:
put "Item 1" & cr & "Item 2" & cr & "Item 3" & cr & "item 4" into tThePickList ## Add your list here
And replace it by:
put "myFirstItem" & cr & "mySecondItem" & cr & "myThirdItem" into tThePickList ## Add your list here
Apply the script's change by clicking on the Apply button of the Script Editor.
After the script is built, update the DataGrid Preview, by clicking the "Update" button.
Then, click on the "Apply" button to apply the modifications to the selected DataGrid (1).
Before to test the result in the Simulator, add some data in the Col1 column by using the "Contents" topic of the LiveCode's Property Inspector.
Separate data of each line by a return, then press enter to update the Datagrid's content.
In the DGH's "Table properties", click on the DataGrid Preset's Apply button to change the datagrid appareance.