From: Jani Laakso
Demonstrates sample Millstone application that was ajaxified (upgraded to Toolkit 4.0.0)
@@ -50,8 +53,10 @@
Initial IT Mill Toolkit framework has existed since 2001 (see Millstone) and is
ready for production use today.
Source code:
+ HelloWorld.java
+ Calc.java
Long lifecycle of Toolkit applications
+ Long lifecycle of Toolkit applications
Source code:
+ UpgradingSample.java
FeatureBrowser
.
+ application instance that can be accessed as standalone application, see FeatureBrowser.
- Toolkit application mashup
+ Toolkit application mashup demo
Demonstrates how Toolkit application may be integrated into other frameworks. In this example we use JSP pages.
See HTML source or respective jsp file what code blocks are required for integration.
Note: Integrated TableDemo application is the same
- application instance that can be accessed as standalone application, see TableDemo
.
+ application instance that can be accessed as standalone application, see TableDemo.
- LayoutDemo
+ Layout demo
This example demonstrates layouts for Tookit application.
- Demonstrates: how to use
- com.itmill.toolkit.ui.OrderedLayout
,
- com.itmill.toolkit.ui.GridLayout
,
- com.itmill.toolkit.ui.Panel
and
- com.itmill.toolkit.ui.TabSheet
+ Demonstrates how to use
+ com.itmill.toolkit.ui.OrderedLayout,
+ com.itmill.toolkit.ui.GridLayout,
+ com.itmill.toolkit.ui.Panel and
+ com.itmill.toolkit.ui.TabSheet.
+ Source code:
+ LayoutDemo.java
- CustomLayoutDemo
+ Custom layout and custom theme demo
This example demonstrates how Toolkit interacts with HTML pages
@@ -105,14 +112,16 @@
framework.
- Demonstrates: how to create
- com.itmill.toolkit.ui.CustomLayout
+ Demonstrates how to create
+ com.itmill.toolkit.ui.CustomLayout.
+ Source code:
+ CustomLayoutDemo.java
- QueryContainerDemo
+ Tree using QueryContainer demo
This example shows how Table, Select and Tree UI components can use Containers.
@@ -120,78 +129,96 @@
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
- datasource 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
.
+ Demonstrates how to create com.itmill.toolkit.data.Container and set it as
+ datasource 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
- TableDemo
+ Table demo
- Similar to QueryContainerDemo but uses only Table component.
+ Similar to Tree using QueryContainer demo but uses different style
+ for handling events with Table component.
- Two buttons demonstrate another
- possibility how event framework may be used, in this example specific methods are
- registered for button click events.
+ Demonstrates another possibility how event framework may be used,
+ in this example specific methods are registered for button click events.
Note: This application instance is embedded
- to jsp page also, see ToolkitMashup.jsp
.
-
+ to jsp page also, see ToolkitMashup.jsp.
+
+
Source code:
+ TableDemo.java
- TreeFilesystemContainer
+ Tree using FilesystemContainer demo
Browsable file explorer using Toolkit Tree component.
- Demonstrates: how to
- use com.itmill.toolkit.ui.Component.Tree
datasource container,
- how to create com.itmill.toolkit.data.util.FilesystemContainer
,
- how to read com.itmill.toolkit.ui.Component.Event
objects, how
+ Demonstrates how to
+ use com.itmill.toolkit.ui.Component.Tree datasource 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
.
-
+ com.itmill.toolkit.ui.Component.Listener.
+
+
Source code:
+ TreeFilesystemContainer.java
- TreeFilesystem
+ Tree item handling demo
- Browsable file explorer using Toolkit Tree component. Demonstrates: how
+
+ Browsable file explorer using Toolkit Tree component.
+
+ Demonstrates: how
to add items hierarchially into
- com.itmill.toolkit.ui.Component.Tree
, how to receive
+ com.itmill.toolkit.ui.Component.Tree, how to receive
ExpandEvent and implement
- com.itmill.toolkit.ui.Tree.ExpandListener
.
+ com.itmill.toolkit.ui.Tree.ExpandListener.
+
Source code:
+ TreeFilesystem.java
- SelectDemo
+ 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 to see it in action. Second select component has default functionality.
+ 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
Modal window
Example of how Modal Windows may be created using Window component.
-
+
+
Source code:
+ ModalWindow.java
- Keyboard events demo
+ Keyboard events demo
Contains few Toolkit UI components that can be interacted by pressing keys in keyboard.
-
+
+
Source code:
+ KeyboardShortcut.java
@@ -200,38 +227,10 @@
This is a demonstration of how URL parameters can be recieved and handled.
Parameters and URL:s can be received trough the windows by registering
URIHandler and ParameterHandler classes window.
-
-
-
-