Class: DefaultListItemRenderer

Extends

• GOWN.ToggleButton

Members

allowDestroyCachebool

Will destroy the skin cache when the skinable gets destroyed

Default Value:

• true

currentStateString

The current state

data

Data

enabledBoolean

Enables/Disables the control. (not implemented yet)

labelString

Create/Update the label of the button.

labelFieldString

A key in the item data that will be shown as label for the item. e.g. 'text' for item.text. will be ignored if labelFunction is set. the item will be shown directly (using toString) if labelField and labelFunction are not set.

Default Value:

• 'text'

labelFunctionfunction

A function used to generate label text for a specific item. If this function is not null, then the labelField will be ignored.

In the following example, the label function is customized:

renderer.labelFunction = function( item ) { return item.firstName + " " + item.lastName; };

Default Value:

• null

See:

• #labelField

selectedBoolean

Indicate if the button is selected (pressed)

Default Value:

• false

skinFallbackString

The fallback skin if the other skin does not exist (e.g. if a mobile theme that does not provide a "hover" state is used on a desktop system)

skinNameString

The skin name

Default Value:

• Button.SKIN_NAME

Methods

inherited changeSkin(skin)

core/Skinable.js, line 110

Remove old skin and add new one

Name	Type	Description
skin	DisplayObject

commitData()

controls/renderers/DefaultListItemRenderer.js, line 109

Updates the renderer to display the item's data. Override this function to pass data to sub-components and react to data changes.

Don't forget to handle the case where the data is null.

inherited destroy()

core/Skinable.js, line 221

Destroy the Skinable and empty the skin cache

inherited fromSkin(name, callback)

core/Skinable.js, line 134

Get image from skin (will execute a callback with the loaded skin when it is loaded or call it directly when it already is loaded)

Name	Type	Description
name	String	name of the state
callback	function	callback that is executed if the skin is loaded

inherited protectedhandleEvent(type)

controls/ToggleButton.js, line 183

handle the touch/tap event

Name	Type	Description
type	Object	the type of the press/touch.

itemToLabel(item)

controls/renderers/DefaultListItemRenderer.js, line 128

Using labelField and labelFunction, generates a label from the item.

All of the label fields and functions, ordered by priority:

1. labelFunction
2. labelField

Name	Type	Description
item		the item that gets converted to a label

inherited mousePos(){PIXI.Point}

core/Control.js, line 69

Get the local mouse position from PIXI.InteractionData

Returns:

Type	Description
PIXI.Point

inherited protectedonDown()

controls/Button.js, line 168

onDown callback

inherited protectedonHover()

controls/Button.js, line 195

onHover callback

inherited protectedonOut()

controls/Button.js, line 206

onOut callback

inherited protectedonTouchMove()

controls/Button.js, line 217

onTouchMove callback

inherited protectedonUp()

controls/Button.js, line 183

onUp callback

inherited protectedpreloadSkins()

controls/Button.js, line 131

Initiate all skins first (to prevent flickering)

redraw()

controls/renderers/DefaultListItemRenderer.js, line 96

Update button text before draw call

inherited setTheme(theme)

controls/Button.js, line 364

Change the theme

Name	Type	Description
theme	GOWN.Theme	the new theme

inherited protectedskinLoaded(skin)

controls/Button.js, line 148

Skin has been loaded (see preloadSkins) and stored into the skinCache. add to container, hide and resize

Name	Type	Description
skin		the loaded skin

inherited toggle()

controls/ToggleButton.js, line 168

Toggle the state

inherited protectedupdateDimensions()

controls/Button.js, line 232

Update width/height of the button

inherited updateTheme(data)

core/Skinable.js, line 100

Overwrite data from theme for this specific component. (usable if you want to change e.g. background color based on selected items)

Name	Type	Description
data		updated skin data