How Do I Create an iOS Date Picker in a column?
This Lesson presents how to create a column containing an iOS Date Picker control in a datagrid, using the Data Grid Helper Plugin.
Opening Columns Builder
Building Columns in the Columns Builder Preview
Date Picker Creation Using Custom Objects and Column Content
Update Columns Builder Preview
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.
Editing The Date Picker Field
Double clicking on the Date Picker field in the Column Content, will open the Properties Inspector.
Enter a name for this date picker field. Default name is "new iOS Date Picker Field". Example: myFirstDatePicker
Close the inspector, then update the columns builder preview again by clicking on the update button.
Using DGH To Build The Required Script
Confirming the warning message
Editing The Date Picker type in the DatePicker's column script
Click the Script Editor icon and select the "Edit Script" menu.
Default type for displaying the Date Picker type is added by DGH in the EditValue handler. The default type is "Date"
In the EditValue handler, locate this line:
put "date" into tTheDatePickerType ## Change the date picker type here
According to the iOS documentation, the date picker type can be one of the following:
- date
- time
- dateTime
Once the date picker type changed, apply the script's change by clicking on the Apply button of the Script Editor.
0 Comments
Add your comment