Introduction

Overview Getting started DukeScript

Runtime API

Interacting with JavaScript Coroutines Metaprogramming API Tuning Java class library

Tooling

Using Maven Using IDEA Debugging

Flavour

HTML templates Expression language Standard components Custom components Components advanced topics Form validation Advanced UI components Routing JSON REST client

Standard components - event package

event component package consists of similar components:

event:click
event:async-click
event:dblclick
event:async-dblclick
event:mouseup
event:async-mouseup
event:mousedown
event:async-mousedown
event:change

All these components allow to specify event handler. async-* versions allow to launch “long-running” actions like AJAX requests or IndexedDB API usage.

Syntax:

event:eventname="expression"
event:async-eventname="expression"

Where

eventname is the name of a JavaScript event to bind handler to.
expression is an lambda expression that’s evaluated when event triggers. The lambda takes native Event object as a parameter.

Example:

<div event:click="visible = not visible">
  <div>Click me to toggle!</div>
  <div attr:style="'display: ' + (visible ? 'block' : 'hidden')">Lorem ipsum ...</div>
</div>

Improve this page