Home

PopupMenu

Main class. Represents a single menu.

PopupMenu(String title, String subtitle, Array items, Number itemLimit)

Modular methods (can be called only once on initialization)

Stats(Array stats)

adds statistics to the bottom of a menu. Array consists of MenuStatItem

Slider(String name, String units, Number initalValue)

adds a fullwidth bar to the bottom of a menu. Inital value is in range from 0 to 100

ColorPicker(String name, Array colors)

adds a color selector to the bottom of a menu. Array consists of hex color strings

XYGrid(Number initalX, Number initalY, String top, String bottom, String left, String right)

adds a xy grid control to the bottom of a menu. InitalX and InitalY in a range from 0.0 to 1.0

Style(String className)

adds one additional header style

ActiveItemChanged(function callback)
// Callback: function(Number index) { }

fires when selected item changes

Methods

currentItem()

— returns selected item

getStatByIndex(Number index)

— returns statistics data with specified index

getStatByName(String name)

— returns statistics data with specified name

nextColorItem()

prevColorItem()

— changes current selected item in colorpicker block

nextSelectionItem()

prevSelectionItem()

— changes current item in selection control

setGridXY(Number x, Number y)

— sets x,y position of point in xy grid block. x and y should be in range of 0.0 - 1.0

getGridXY()

— returns {x,y} object with current position of point in xy grid block

Example of menu

var menuInfo = new PopupMenu('Vinewood Hills, 234', 'buy house', [
	MenuItem('Cost', '$10000'),
	MenuItem('Rooms', 3),
	MenuItem('Sleeping places', 1, 'Determines how many people can live in this house'),
	MenuItem('Select style', ['Modern', 'Victorian', 'Vagabond']).SelectionChanged(function(index, name) { console.log(index + ': ' + name); }),
	MenuItem('Owner', 'no'),
	MenuItem('Buy').Style('green button').Submenu(submenuInfo),
	MenuItem('Sell').Style('red button'),
	MenuItem('Close menu').Style('gray'),
], 5).Stats([
	MenuStatItem('Engine speed what', 25, 5),
	MenuStatItem('This', 50)
]).Slider('Opacity', null, 50).ColorPicker('Colors', [
	'40BAE3', '6840E3', '30BF7F', '9FF23A',
	'3AF2EF', 'F2713A', 'F2463A', 'F2F07E',
	'F255AE', '999095', '40BAE3', '6840E3',
	'30BF7F', '9FF23A', '3AF2EF', 'F2713A',
	'F2463A', 'F2F07E', 'F255AE', '999095',
]).XYGrid(0, 0);

MenuItem

Represents menu item.

MenuItem(String name, String/Array value, String help)

If value is an array then a menu item becomes selection item

Modular methods (can be called only once on initialization)

Click(function callback)
// Callback: function(Number index) { }

For click event

SelectionChanged(function callback)
// Callback: function(Number index, String name) { }

Only for selection item. Fires when selection item changes it's index

Back()

When item clicked a menu returns to previous menu

Style(String style)

Adds additional classes to menu item

Submenu(PopupMenu menu)

When item is clicked it opens submenu

MenuStatItem

Represents item for statistics block

MenuStatItem(String name, Number value, Number levels, Number width)

value is in range from 0 to 100

levels is how many lines will be in bar (min: 1)

width is width of the bar in pixels (default: 160)