Advanced JavaScript Forms and Data Input With SpreadJS Cell Enhancements

Developers can create this drop down by specifying a data source and column information, and then setting the style. The PROPERTY function can be especially useful for parsing the returned object, which is described in the PROPERTY Function section of this blog.

A standard text list implementation comprising of simple text strings in a drop-down list.

A standard text list with custom icons. This is essentially a standard vertical text list dropdown with the addition of custom icons.

A text list with groups for different items. The items in the vertical list can be added to specific groups and indented accordingly.

A text list with cascading sub-items for major items. This is similar to the vertical group list, with the groups in this drop down being cascading items.

A text list with cascading sub-items and groups. This is a combination of the previous two vertical group lists, utilizing both groups and sub-items in those groups that cascade open.

A text list of groups with different orientations. This is similar to the vertical group list, but the groups can just be oriented in different directions.

A text list with vertical, collapsible tree items. Items in this list can be grouped similar to other lists, but with the ability to collapse and expand the items.

A list with custom, defined items. You could use this to create custom dropdowns like color pickers.

The time picker dropdown allows users to configure and select a specific time to populate the evaluated result in the cell.

The month picker dropdown allows users to configure a specific month in a year to populate the evaluated result in the cell.

This dropdown allows users to set Day with Time to populate the evaluated result in the cell, which is shown as a calendar with a scrolling time picker.

This dropdown allows users to set the day to populate the evaluated result in the cell, which is just shown as a simple month calendar without the scrolling time picker.

This dropdown allows users to set Month with Time to populate the evaluated result in the cell, which is shown as a year calendar with a scrolling time picker.

This dropdown allows users to set Year with Time to populate the evaluated result in the cell, which is shown as a decade calendar with a scrolling time picker.

A slider dropdown with a horizontal sliding number scale. You can define the points on this slider to fit requirements.

A slider dropdown with a vertical sliding scale. Similar to the horizontal slider dropdown, the different points on the slider can be defined specifically, and can be used for creating things like thermometers.

A slider dropdown with a Default Color Picker allows users to choose a specific color to populate the cell value with the hex code of the chosen color.

A slider dropdown with a Custom Color Picker, allowing allows users to set custom color palettes which are defined by the developer.

The calculator dropdown allows users to compute the values and populate the evaluated result in the cell using standard calculator with the appropriate operators.

A powerful feature allows users to quickly select workflow items and populate the chosen value in the cell.