API Docs for: 1.8.0
Show:

photonui.Slider Class

Extends photonui.NumericField
Defined in: src/interactive/slider.js:42
Module: Interactive
Parent Module: PhotonUI

Slider

Constructor

photonui.Slider

(
  • params
)

Defined in src/interactive/slider.js:42

Parameters:

  • params Object

    An object that can contain any property of the widget (optional).

Methods

__debValueChangedFinal

() private

Inherited from photonui.Field: src/interactive/field.js:207

Debounced version of __forValueChangedFinal.

__forValueChangedFinal

() private

Inherited from photonui.Field: src/interactive/field.js:197

To be called indirectly through __debValueChangedFinal().

__onChange

(
  • event
)
private

Inherited from photonui.NumericField: src/interactive/numericfield.js:311

Parameters:

__onContextMenu

(
  • event
)
private

Inherited from photonui.Widget but overwritten in src/interactive/slider.js:342

Called when the context menu should be displayed.

Parameters:

__onFieldContextMenu

(
  • event
)
private

Defined in src/interactive/slider.js:357

Parameters:

__onKeydown

(
  • event
)
private

Inherited from photonui.NumericField: src/interactive/numericfield.js:362

Parameters:

__onKeypress

(
  • event
)
private

Inherited from photonui.NumericField: src/interactive/numericfield.js:270

Parameters:

__onKeyup

(
  • event
)
private

Inherited from photonui.NumericField: src/interactive/numericfield.js:298

Parameters:

__onLocaleChanged

() private

Inherited from photonui.Widget: src/widget.js:460

Called when the locale is changed.

__onMouseWheel

(
  • event
)
private

Inherited from photonui.NumericField: src/interactive/numericfield.js:322

Parameters:

__onSliderMouseDown

(
  • event
)
private

Defined in src/interactive/slider.js:196

Parameters:

__onSliderMouseMove

(
  • event
)
private

Defined in src/interactive/slider.js:207

Parameters:

__onSliderMouseUp

(
  • event
)
private

Defined in src/interactive/slider.js:216

Parameters:

__onSliderMouseWheel

(
  • event
)
private

Defined in src/interactive/slider.js:305

Parameters:

__onSliderTouchEnd

(
  • event
)
private

Defined in src/interactive/slider.js:249

Parameters:

__onSliderTouchMove

(
  • event
)
private

Defined in src/interactive/slider.js:240

Parameters:

__onSliderTouchStart

(
  • event
)
private

Defined in src/interactive/slider.js:228

Parameters:

_bindEvent

(
  • id
  • element
  • evName
  • callback
  • [options]
)
private

Inherited from photonui.Base: src/base.js:229

Javascript event binding (for internal use).

Parameters:

  • id String
    An unique id for the event.
  • element DOMElement
    The element on which the event will be bind.
  • evName String
    The event name (e.g. "mousemove", "click",...).
  • callback Function
    The function that will be called when the event occured.
  • [options] Object optional
    options for addEventListener

_bindFieldEvents

() private

Inherited from photonui.Field: src/interactive/field.js:149

Bind Field events.

_buildHtml

() private

Inherited from photonui.Widget but overwritten in src/interactive/slider.js:146

Build the widget HTML.

_callCallbacks

(
  • wEvent
  • params
)
private

Inherited from photonui.Base: src/base.js:292

Call all callbacks for the given wEvent. NOTE: the first argument passed to the callback is the current widget. NOTE²: if the thisArg of the callback is null, this will be binded to the current widget.

Parameters:

  • wEvent String
    The widget event.
  • params Array
    Parametters that will be sent to the callbacks.

_moveTouchEnd

(
  • event
)
private

Defined in src/interactive/slider.js:261

Gets the first touch event and normalizes pageX/Y and offsetX/Y properties.

Parameters:

_registerWEvents

(
  • wEvents
)
private

Inherited from photonui.Base: src/base.js:276

Register available wEvent.

Parameters:

_unbindEvent

(
  • id
)
private

Inherited from photonui.Base: src/base.js:257

Unbind javascript event.

Parameters:

  • id String
    The id of the event.

_updateFieldValue

() private

Inherited from photonui.NumericField but overwritten in src/interactive/slider.js:131

Update the value in the html field.

_updateFromMouseEvent

(
  • event
)
private

Defined in src/interactive/slider.js:170

Update the value form a mouse event occured on the slider.

Parameters:

_updateProperties

(
  • properties
)
deprecated private

Inherited from photonui.Base: src/base.js:209

Force the update of the given properties. This method is deprecated. One should use '@photonui-update' abitbol's annotation on concerned properties.

Parameters:

  • properties Array
    The properties to update.

_updateValue

(
  • value
)
private

Inherited from photonui.NumericField: src/interactive/numericfield.js:191

Update the value (in the widget).

Parameters:

_validateInput

(
  • value
)
Boolean private

Inherited from photonui.NumericField: src/interactive/numericfield.js:231

Validate the user inputs.

Parameters:

Returns:

Boolean:

_visibilityChanged

(
  • visibility
)
private

Inherited from photonui.Widget: src/widget.js:425

Called when the visibility changes.

Parameters:

  • visibility Boolean

    Current visibility state (otptional, defaut=this.visible)

addClass

(
  • className
)

Inherited from photonui.Widget: src/widget.js:378

Add a class to the outer HTML element of the widget.

Parameters:

  • className String
    The class to add.

destroy

()

Inherited from photonui.Base but overwritten in src/widget.js:367

Destroy the widget.

hide

()

Inherited from photonui.Widget: src/widget.js:345

Hide the widget (equivalent to widget.visible = false).

registerCallback

(
  • id
  • wEvent
  • callback
  • thisArg
)

Inherited from photonui.Base: src/base.js:169

Register a callback for any PhotonUI/Widget event (called wEvent). Callback signature: function (Object(Base/Widget) [, arg1 [, arg2 [, ...]]])

Parameters:

  • id String
    An unique id for the callback.
  • wEvent String
    the PhotonUI/Widget event name.
  • callback Function
    The callback function.
  • thisArg Object
    The value of this (optionnal, default = current widget).

removeCallback

(
  • id
)

Inherited from photonui.Base: src/base.js:193

Remove a registered callback.

Parameters:

  • id String
    The id of the callback.

removeClass

(
  • className
)

Inherited from photonui.Widget: src/widget.js:395

Remove a class from the outer HTML element of the widget.

Parameters:

  • className String
    The class to remove.

show

()

Inherited from photonui.Widget: src/widget.js:336

Display the widget (equivalent to widget.visible = true).

unparent

()

Inherited from photonui.Widget: src/widget.js:354

Detache the widget from its parent.

Properties

__callbacks

Object private

Inherited from photonui.Base: src/base.js:142

Object containing references to registered callbacks.

__events

Object private

Inherited from photonui.Base: src/base.js:132

Object containing references javascript events binding (for widget internal use).

__html

Object private

Inherited from photonui.Widget: src/widget.js:321

Object containing references to the widget HTML elements

absolutePosition

Object

Inherited from photonui.Widget: src/widget.js:275

Absolute position of the widget on the page. {x: Number, y: Number}

contextMenu

photonui.PopupWindow

Inherited from photonui.Widget: src/widget.js:223

The managed contextual menu.

Default: null (= no context menu)

contextMenuName

String

Inherited from photonui.Widget: src/widget.js:206

The name of the managed contextual menu (photonui.PopupWindow().name).

Default: null (= no context menu)

data

Object

Inherited from photonui.Base: src/base.js:113

Arbitrary data

Default: {}

decimalDigits

Number

Inherited from photonui.NumericField: src/interactive/numericfield.js:126

The number of digit after the decimal dot.

Default: null (no limite)

decimalSymbol

String

Inherited from photonui.NumericField: src/interactive/numericfield.js:146

The decimal symbol ("." or ",").

Default: : "."

fieldVisible

Boolean

Defined in src/interactive/slider.js:87

Define if the numeric field should be displayed.

Default: : true

html

HTMLElement

Inherited from photonui.Widget but overwritten in src/interactive/slider.js:113

Html outer element of the widget (if any).

Default: null

layoutOptions

Object

Inherited from photonui.Widget: src/widget.js:243

Layout options.

Default: {}

max

Number default null (no maximum);

Inherited from photonui.NumericField: src/interactive/numericfield.js:89

The maximum value of the field.

min

Number default null (no minimum);

Inherited from photonui.NumericField: src/interactive/numericfield.js:69

The minimum value of the field.

name

String

Inherited from photonui.Widget: src/widget.js:109

The unique name of the widget.

Default: "widget-" + uuid.v4()

offsetHeight

Number

Inherited from photonui.Widget: src/widget.js:305

Widget height (outer HTML element).

offsetWidth

Number

Inherited from photonui.Widget: src/widget.js:291

Widget width (outer HTML element).

parent

photonui.Widget

Inherited from photonui.Widget: src/widget.js:145

The parent widget.

Default: null (no parent)

parentName

String

Inherited from photonui.Widget: src/widget.js:131

The parent widget name.

Default: null (no parent)

Placeholder

String

Inherited from photonui.Field: src/interactive/field.js:112

The placeholder displayed if the field is empty.

Default: ""

step

Number default 1

Inherited from photonui.NumericField: src/interactive/numericfield.js:109

The incrementation step of the field.

tooltip

String

Inherited from photonui.Widget: src/widget.js:184

Tooltip.

Default: null

value

Number

Inherited from photonui.Field but overwritten in src/interactive/numericfield.js:166

The field value.

Default: 0

visible

Boolean

Inherited from photonui.Widget: src/widget.js:157

Is the widget visible or hidden.

Default: true