Options
All
  • Public
  • Public/Protected
  • All
Menu

Class RangeSliderConfig

Hierarchy

Implements

Index

Properties

Optional appendTo

appendTo: string | Element | JQuery = "body"

Optional autoValidate

autoValidate: boolean = false

Optional bodyCls

bodyCls: string

Optional bodyStyle

bodyStyle: string

Optional closeValuesDecorate

closeValuesDecorate: boolean

Used for "double" type and only if prefix or postfix was set up. Determine how to decorate close values. For example: $10k — $100k or $10 — 100k

default

true

Optional closeValuesSeparator

closeValuesSeparator: string
Set your own separator for close values. Used for double type. Default: 10100. Or you may set: 10 to 100, 10 + 100, 10100 etc.
default

' - '

Optional cls

cls: string = ""

The CSS class to add to this widget's element

Optional colorMode

colorMode: ColorMode

Optional data

data: Array<number>

Set up your own array of possible slider values. They could be numbers or strings. If the values array is set up, min, max and step param, are no longer can be changed.

default

[]

Optional dataModel

dataModel: Klass<ListModel> = ListModel

Optional dataPostfix

dataPostfix: string

Set postfix for data. Will be set up right after the number: 100k

Optional dataPrefix

dataPrefix: string

Set prefix for data. Will be set up right before the number: $100

Optional dataQuery

dataQuery: string | HttpRequest

Optional disabled

disabled: boolean = false

Optional faceMode

faceMode: RangeSliderFaceMode = RangeSliderFaceMode.round

Choose UI skin to use

default

round

Optional format

format: string | Function

Improve readability of long numbers. 10000000 → 10 000 000

Optional fromFixed

fromFixed: boolean

Fix position of left (or single) handle.

default

false

Optional fromMax

fromMax: number

Set the maximum limit for left handle

default

max

Optional fromMin

fromMin: number

Set minimum limit for left handle.

default

min

Optional fromShadow

fromShadow: boolean

Highlight the limits for left handle

default

false

Optional height

height: string | number

Optional hidden

hidden: boolean = false

Optional hideFromTo

hideFromTo: boolean

Hide from and to labels

default

false

Optional hideMinMax

hideMinMax: boolean

Hides min and max labels

default

false

Optional i18n

i18n: I18NResource | URLString = null

I18N resource.

Optional Readonly id

id: string

Optional iniValue

iniValue: number | number[]

Optional listeners

Optional locale

locale: Locale = "en"

A locale string, like 'en', 'en-us', 'zh'.

Optional maxInterval

maxInterval: number

Set maximum diapason between sliders. Only in double type

Optional maxValuePostfix

maxValuePostfix: string

Special postfix, used only for maximum value. Will be showed after handle will reach maximum right position. For example 0 — 100+

Optional minInterval

minInterval: number

Set minimum diapason between sliders. Only in double type

Optional name

name: string = ""

Optional readonly

readonly: boolean = false

Optional renderTo

renderTo: string | Element | JQuery = null

Render to DOM element.

Optional scaled

scaled: boolean

Enables scale mark for values.

default

false

Optional scales

scales: number

Number of scale marks.

default

4

Optional sizeMode

sizeMode: SizeMode = SizeMode.md

Optional sliderCls

sliderCls: string

Traverse extra CSS-classes to slider container

Optional step

step: number

Set sliders step. Always > 0. Could be fractional.

default

1

Optional style

style: string = ""

Additional CSS styles that will be rendered into an inline style attribute when the widget is rendered.

Optional tip

tip: string = ""

Optional title

title: string

Optional titleCls

titleCls: string

Optional titlePlace

titlePlace: "left" | "top" = "left"

Optional titleStyle

titleStyle: string

Optional titleTextPlace

titleTextPlace: LOC9 = "rm"

Optional titleWidth

titleWidth: string | number

Optional toFixed

toFixed: boolean

Fix position of right handle.

default

false

Optional toMax

toMax: number

Set the maximum limit for right handle

default

max

Optional toMin

toMin: number

Set the minimum limit for right handle

default

min

Optional toShadow

toShadow: boolean

Highlight the limits for right handle

default

false

Optional type

type: "single" | "double"

Choose slider type, could be single - for one handle, or double for two handles

default

single

Optional validateMode

validateMode: "tip" | { mode: "tip"; place?: LRTB } | { hideError: (this: RangeSlider) => void; showError: (this: RangeSlider, errorMsg: string) => void } | any = "tip"

Optional validators

validators: Array<ValidatorSetting> = []

Optional valueModel

valueModel: Klass<Model> | Model = Model

Optional valuesSeparator

valuesSeparator: string

Separator for double values in input value property. Default FROM;TO. Only for double type

default

';'

Optional width

width: string | number