Empezando a usar los componentes más habituales en una app, vamos a comenzar por crear un botón con un evento. Haremos que al hacer click en el botón se muestre un mensaje. Estos son los pasos a seguir:

1.- Primero creamos el proyecto Alloy.

2.- En el archivo “index.xml” ubicado en la ruta “app -> views” escribimos el código para crear el botón indicando el texto que mostrará y el evento, que en nuestro caso será “onclick”. A este evento pondremos que ejecute una función llamada “ejemploClick”, la cual vamos a crear en el siguiente paso.

<Alloy>
    <Window class="container">
        <Button id="button" onClick="ejemploClick" title="Pulsar boton" />
    </Window>
</Alloy>

3.- A continuación buscamos el archivo controlador javascript de la vista donde estamos, en este caso como hemos creado el botón en “index.xml” vamos al archivo “index.js” situado en “app -> controllers” y creamos la función javascript llamada “ejemploClick” que mostrará un mensaje por pantalla.

function ejemploClick(e) {  
    alert("Mensaje");
}
$.index.open();

Con esto ya tenemos creado nuestro botón. Existen muchos más eventos y propiedades que se pueden añadir a los botones. Aquí está la documentación oficial.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Post Navigation

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies