Spin List

Description

The Spin List control allows the user to select from a pre-defined list of choices by swiping the control to 'spin' the list. The item the list stops on is the selected item. This is an ideal control for mobile applications because it is 'touch friendly'.

Spinlist

The Spin List is like all other controls in that it has a .setValue() and .getValue() method, and its value is submitted like any other data control when the UX Component is submitted.

You can programmatically repopulate the items in the list by calling the control's .populate() method, as shown in the example code below:

With v4.6.5.5, the user can use their mouse wheel to change the selection in the spin list.

//Get a pointer to the control
var so = {dialog.object}.getControl('MYSPINLIST');

/*
Create an array with data. The array contains JSON objects with an 'html' and 'value' property.
*/
var d = [
{html: '<span style="color: red;"><u>green</u></span>', value: 1},
{html: 'blue', value: 2},
{html: 'red', value: 3},
{html: 'yellow', value: 4}
];

//Repopulate the control
so.populate(d);

Videos

Spin List Control

The Spin List control is ideal for mobile applications. It is a great alternative to a dropdown box or an edit combo textbox. It can be used when the user needs to select from a pre-defined list of values.

Download Component