A tumbler is a component composed by one or more column. In each column one of the value can be selected by sliding the finger.
A tumbler column is a component composed by multiple values of the same category.
TumblerColumn {
id: dayColumn
label: "DAY"
selectedIndex: 9
items: daysList
for (var day = 1; day <= 31; day++) {
daysList.append({"value" : day});
}
}
TumblerColumn {
id: monthColumn
label: "MONTH"
selectedIndex: 4
items: monthsList
}
ListModel {
id: monthsList
ListElement { value: "Jan" }
ListElement { value: "Feb" }
ListElement { value: "Mar" }
ListElement { value: "Apr" }
ListElement { value: "May" }
ListElement { value: "Jun" }
ListElement { value: "Jul" }
ListElement { value: "Aug" }
ListElement { value: "Sep" }
ListElement { value: "Oct" }
ListElement { value: "Nov" }
ListElement { value: "Dec" }
}
TumblerColumn {
id: yearColumn
label: "YEAR"
selectedIndex: 88
items: yearsList
for (var year = 1900; year <= 2011; year++) {
yearsList.append({"value" : year});
}
}
Tumbler {
columns: [dayColumn, monthColumn, yearColumn]
}
Array of ListModel for each column of the dialog.