프로퍼티 |
타입 |
설명 |
|
$animated |
|
whether to use animation or not |
|
$customDisabledStyle |
|
a custom style for the disabled option. Format
...
'customDisabledStyle'=>array(
'background'=>'#FF00FF',
'gradient'=>'#D300D3',
'color'=>'#FFFFFF'
),
...
|
|
$customEnabledStyle |
|
a custom style for the enabled option. Format
...
'customEnabledStyle'=>array(
'background'=>'#FF00FF',
'gradient'=>'#D300D3',
'color'=>'#FFFFFF'
),
...
|
|
$disabledLabel |
|
the label to display on the disabled side |
|
$disabledStyle |
|
the style of the toggle button disabled style
Accepted values ["primary", "danger", "info", "success", "warning"] or nothing |
|
$enabledLabel |
|
the label to display on the enabled side |
|
$enabledStyle |
|
the style of the toggle button enable style
Accepted values ["primary", "danger", "info", "success", "warning"] or nothing |
|
$height |
|
the height of the toggle button |
|
$onChange |
|
the javascript function
The function signature is function($el, status, e)
$el the toggle element changed.
status the status of the element (true=on | false=off)
e the event object
Example:
array(
class'=>'WhToggleColumn',
'onChange'=>'js:function($el, status, e){ console.log($el, status, e); }',
),
|
|
$tagName |
|
the tag name. Defaults to 'div'. |
|
$transitionSpeed |
|
the transition speed (toggle movement) |
|
$width |
|
the width of the toggle button |
|