• Home
• Prado
• Web
• UI
• WebControls
• TSlider

PHP Class Prado\Web\UI\WebControls\TSlider

TSlider displays a slider for numeric input purpose. A slider consists of a 'track', which define the range of possible value, and a 'handle' which can slide on the track, to select a value in the range. The track can be either Horizontal or Vertical, depending of the {@link SetDirection Direction} property. By default, it's horizontal. The range boundaries are defined by {@link SetMinValue MinValue} and {@link SetMaxValue MaxValue} properties. The default range is from 0 to 100. The {@link SetStepSize StepSize} property can be used to define the step between 2 values inside the range. Notice that this step will be recomputed if there is more than 200 values between the range boundaries. You can also provide the allowed values by setting the {@link SetValues Values} array. A 'Progress Indicator' can be displayed within the track with the {@link SetProgressIndicator ProgressIndicator} property. The TSlider control can be easily customized using CssClasses. You can provide your own css file, using the {@link SetCssUrl CssUrl} property. The css class for TSlider can be set by the {@link setCssClass CssClass} property. Default value is "Slider HorizontalSlider" for an horizontal slider, and "Slider VerticalSlider" for a vertical one. If {@link SetAutoPostBack AutoPostBack} property is true, postback is sent as soon as the value changed. TSlider raises the {@link onValueChanged} event when the value of the slider has changed during postback. You can also attach ClientSide javascript events handler to the slider : - ClientSide.onSlide is called when the handle is slided on the track. You can get the current value in the value javascript variable. You can use this event to update on client side a label with the current value - ClientSide.onChange is called when the slider value has changed (at the end of a move). Mostra file Open project: pradosoft/prado

Public Methods

Method	Description
getAutoPostBack ( ) : boolean
getClientSide ( ) : TSliderClientScript	Gets the TSliderClientScript to set the TSlider event handlers.
getCssUrl ( ) : string
getData ( ) : string	Returns the value of the TSlider control.
getDataChanged ( ) : boolean	Returns a value indicating whether postback has caused the control data change.
getDirection ( ) : TSliderDirection
getMaxValue ( ) : float
getMinValue ( ) : float
getProgressIndicator ( ) : boolean
getStepSize ( ) : float
getTagName ( ) : string
getValue ( ) : float
getValues ( ) : array
loadPostData ( $key, $values ) : boolean	Loads user input data.
onPreRender ( $param )	Registers CSS and JS.
onValueChanged ( $param )	Raises OnValueChanged event.
raisePostDataChangedEvent ( )	Raises postdata changed event.
renderContents ( $writer )	Render the body content
setAutoPostBack ( $value )	Sets the value indicating if postback automatically.
setCssUrl ( $value )
setData ( $value )	Sets the value of the TSlider control.
setDirection ( $value )
setMaxValue ( $value )
setMinValue ( $value )
setProgressIndicator ( $value )
setStepSize ( $value )	Sets the step size used to determine the places where the slider handle can stop at.
setValue ( $value )
setValues ( $value )	Sets the possible values that the slider can take.

Protected Methods

Method	Description
addAttributesToRender ( $writer )	Add the specified css classes to the track
createClientScript ( ) : TSliderClientScript
getClientClassName ( ) : string	Gets the name of the javascript class responsible for performing postback for this control.
getSliderOptions ( ) : array	Get javascript sliderr options.
registerSliderClientScript ( )	Registers the javascript code to initialize the slider.
registerStyleSheet ( )	Registers the CSS relevant to the TSlider.

Method Details