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.