IT Mill Toolkit

Reservr

Reservr Example car reservation application. Uses Google Maps widget.

Source code: browse source

Test Bench

TestBench Internal test bench application for trying out different components and features of the IT Mill Toolkit

Source code: browse TestBench folder

Feature Browser

FeatureBrowser Test bench application for trying out different components and features of the IT Mill Toolkit

Source code: browse features folder

Notification Demo

Smaller application which demonstrates Rich Text Area widget and Window notification functionality.

Source code: NotificationDemo.java

Colorpicker widget

Colorpicker widget Demonstrates how to make new widgets easily with Toolkit. See also documentation which is located here.

Source code: browse source

Simple application demos

HelloWorld Classic Hello World example.

Calc Simple Toolkit application where events are used.

Source code: HelloWorld.java and Calc.java

Client-side caching demo

CachingDemo Simple demo of Toolkit cache feature. An Tabsheet contains two tabs where second tab contains heavy server-side content processing. For the first time you load tab2 it takes long time. Following request are lightning fast because Toolkit server instruct client-side to use already cached version (components within tab2 have not changed).

Source code: CachingDemo.java

Long lifecycle of Toolkit applications

Demonstrates sample Millstone application that was ajaxified (upgraded to Toolkit 4.0.0) simply by changing three import namespaces and adding Toolkit libraries to classpath. Initial IT Mill Toolkit framework has existed since 2001 (see Millstone) and is ready for production use today.

Note: This sample application was created on year 2002.

Source code: UpgradingSample.java

Tree using QueryContainer demo

This example shows how Table, Select and Tree UI components can use Containers. QueryContainer is used to bind SQL table rows into Toolkit UI components. Table has few example actions added. Also embedding XHTML through Label components is used.

Demonstrates how to create com.itmill.toolkit.data.Container and set it as data source to UI components com.itmill.toolkit.ui.Component.Tree, how to receive ExpandEvent and implement com.itmill.toolkit.ui.Tree.ExpandListener, how to use com.itmill.toolkit.event.Action.

Source code: QueryContainerDemo.java

Table demo

Similar to Tree using QueryContainer demo but uses different style for handling events with Table component.

Demonstrates another possibility how event framework may be used, in this example specific methods are registered for button click events.

Source code: TableDemo.java

Tree using FilesystemContainer demo

Browsable file explorer using Toolkit Tree component.

Demonstrates how to use com.itmill.toolkit.ui.Component.Tree data source container, how to create com.itmill.toolkit.data.util.FilesystemContainer, how to read com.itmill.toolkit.ui.Component.Event objects, how to receive and handle any event by implementing com.itmill.toolkit.ui.Component.Listener.

Source code: TreeFilesystemContainer.java

Tree item handling demo

Browsable file explorer using Toolkit Tree component.

Demonstrates: how to add items hierarchially into com.itmill.toolkit.ui.Component.Tree, how to receive ExpandEvent and implement com.itmill.toolkit.ui.Tree.ExpandListener.

Source code: TreeFilesystem.java

Select demo

This example shows select component with default and lazy loading functionality enabled (a.k.a Google Suggest). Click to first select component and type few letters using your keyboard to see it in action. Second select component has default functionality.

Source code: SelectDemo.java

FilterSelect demo

This example shows three select components with lazy loading functionality enabled. First select works like Google Suggest, second uses "Contains" filter and third uses custom "Ends with" filter. Click to select components and type few letters using your keyboard to see it in action.

Source code: FilterSelect.java