• English

4.20 Buttonbar

En el formulario de edición y en el de listado la configuración los botones de acción se pueden mostrar en:

• BottomBar
• FabBar

Para determinar qué botones/opciones mostrar y qué acciones ejecutar se utilizará un buttonbar con atributo "type" con valores "bottom" y "fab" si es una botonera que se tiene que mostrar en el contenido de la vista.

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.
type		null	String	Tipo de la botonera: Fab, bottom.

<main id="formButtonbar" name="Buttonbar" repo="pruebaRepo">
    <list name="Buttonbar">
        <buttonbar type="fab">
            <button id="btnFab">
                <action id="createPrueba" type="create" route="formButtonbar-editButtonbar1">
                    <param name="repo" value="pruebaRepo"/>
                </action>
            </button>
        </buttonbar>
    </list>
    <edit id="editButtonbar1">
        <form>
            <input label="Description: " value="${entity.d_prueba}"/>
        </form>
        <buttonbar type="bottom">
            <button id="btnSave" label="Save" action="save" route="back"/>
            <button id="btnCancel" label="Cancel" route="back"/>
        </buttonbar>
    </edit>
</main>

4.20.1 Button

Ver 4.21. Button