4.15 Switcher
El componente Switcher ofrece una interfaz de usuario intuitiva diseñada para alternar entre dos estados: activado o desactivado. Su utilidad radica en proporcionar a los usuarios la capacidad de cambiar entre dos opciones binarias, ofreciendo una experiencia de selección sencilla y directa.
Cuando se utiliza el Switcher, los usuarios pueden activar o desactivar una función o estado específico con un simple interruptor visual. Este componente es particularmente beneficioso cuando se busca una forma eficiente y fácil de permitir a los usuarios elegir entre dos opciones claramente definidas.
| Atributo | Valor por defecto | Tipo | Descripción | |
|---|---|---|---|---|
| Comunes | id | null | String | Identificador único del componente. Si no tiene id, se le asigna con nomenclatura ${tag}${num}. |
| render | true | Boolean o JEXLExpression | Expresión EL para evaluar si el componente debe mostrarse. | |
| onBeforeRender | null | String | Método JS a ejecutar antes de que el componente actual sea renderizado. | |
| onAfterRender | null | String | Método JS que se ejecutará una vez renderizado el componente actual. | |
| action | null | String | Identificador de la acción a realizar cuando el usuario interactúa con este componente. | |
| allowsPartialRestore | false | Boolean | Si el estado del componente actual debe restaurarse cuando el usuario vuelva a la vista. | |
| Comunes input | label | null | String | Etiqueta del componente. |
| validator | null | String | Tipo de validación del componente: required, short, long, decimal, double, float, email, iban. | |
| hint | null | String | Texto a modo de ayuda o información. Se mostará un botón de información que al ser pulsado mostrará un panel con el texto aportado. | |
| readonly | false | Boolean o JEXLExpression | Evaluar si el componente debe ser de sólo lectura o no. | |
| placeHolder | null | String o JEXLExpression | Valor del componente cuando el componente no tiene valor. | |
| inputType | null | Integer | Valor inputType de Android que soportará el componente. Ver documentación de Android InputType.
Por ejemplo, para PHONE_CLASS, establezca input_type = 3. En el caso de la imagen, mostrará la botonera asociada a la imagen:
|
|
| hasDeleteButton | true | Boolean | Indica si se mostrará el botón de borrado del componente. | |
| converter | null | String | Instancia del conversor a aplicar a la propiedad de la entidad. | |
| value | false | Boolean o JEXLExpression | Valor del componente. Si es true estará activo. | |
<switcher label="Switcher true: " value="true" />
<switcher label="Switcher false: " value="false" />