#event-handler

[wavdsteen]

Klok met uitbreindingen in Lazarus maken

Klok met uitbreindingen in Lazarus maken

Als eerste echte project gaan we een Klok met uitbreindingen maken binnen lazarus, en dit klokje bevat een aantal leuke uitbreidingen die wel eens van pas kunnen komen. Klok met uitbreidingen, de start van een nieuw project We gebruiken het dagelijks, en kunnen er niet omheen, de tijd!En wat is er dan nog gemakkelijker dat het hebben van een klok met uitbreidingen die aan een bepaald aantal…

View On WordPress

[zkgrails-blog]

Selecting an item on a Listbox

We'd usually like to know which item will be selected on a Listbox. In ZKGrails 2, we can handle the onSelect event using the following syntax: $('#master').on('select', { def catId = $(it).val() def cat = Category.read(catId) $('#detail').load(cat.products) }) In the above code, there is a Listbox with id "master". When an item of the master Listbox is selected, we can get: 1. the selected item using expression **$(it).getSelectedItem()** or **it.target.selectedItem**. 2. the selected value using **$(it).val()**. Please note that the **it** variable in the block is of type [SelectEvent](http://www.zkoss.org/javadoc/latest/zk/org/zkoss/zk/ui/event/SelectEvent.html). A selected value is a "value" of Listitem inside the Listbox. In the below example, the value is a Category's id. $('#master').append { for(cat in categories) { listitem(value: cat.id) { listcell(label: cat.id) listcell(label: cat.name) } } }

[zkgrails-blog]

Handle click of a Button

Basically, we always want to handle some UI events in our applications. In ZKGrails 2, we use a similar syntax to jQuery for handling event of UI compoments. Here's how to have a click handle for component Button with id **btnSave**. $('#btnSave').on('click', { obj.save() })