4.17 Select
El componente Select proporciona un elemento de interfaz de usuario para elegir una opción única de una lista predefinida. Se utiliza comúnmente para representar menús desplegables, permitiendo a los usuarios seleccionar una opción de varias posibilidades.
Este componente es especialmente útil cuando se requiere que el usuario elija una opción exclusiva de un conjunto predeterminado. Al interactuar con el componente, se despliega una lista de opciones, y el usuario puede seleccionar una de ellas.
| 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 | null | String o JEXLExpression | Expresión EL para calcular el valor del componente. | |
4.17.1 Options
4.17.1.1 Option
| Atributo | Valor por defecto | Tipo | Descripción | |
|---|---|---|---|---|
| id | null | String | Identificador único del componente. Si no tiene id, se le asigna con nomenclatura ${tag}${num}. | |
| label | null | String | Etiqueta que se mostrará. | |
| value | null | String o JEXLExpression | Expresión EL para calcular el valor del componente. | |
<select label="Select: " value="${entity.d_prueba}">
<options>
<option value="1" label="Valor 1"/>
<option value="2" label="Valor 2" />
<option value="3" label="Valor 3" />
<option value="4" label="Valor 4" />
<option value="5" label="Valor 5" />
</options>
</select>