1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
|
<html>
<head>
<title>IT Mill Toolkit Demo</title>
<link rel="stylesheet" type="text/css" href="styles/demos.css" />
</head>
<body>
<div id="container">
<div id="itmilllogo"><h1>IT Mill Toolkit</h1></div>
<div id="toolkit"></div>
<div id="feature-browser">
<h3>Feature Browser</h3>
<div class="option">
<span class="link"><a href="features/?renderingMode=detect">Autodetected mode</a></span>
<span class="desc">Use AJAX if supported by browser, otherwise fallback to HTML mode</span>
</div>
<div class="option">
<span class="link"><a href="features/?renderingMode=ajax">AJAX mode</a></span>
<span class="desc">Select AJAX-based technology mode</span>
</div>
<div class="option">
<span class="link"><a href="features/?renderingMode=html">HTML mode</a></span>
<span class="desc">Select page based request/response technology mode</span>
</div>
<br />
</div>
<div id="sample-code">
<h4>Simple applications</h4>
<div class="option">
<span class="link"><a href="HelloWorld">HelloWorld</a></span>
<span class="desc">Simple Toolkit application.</span>
</div>
<div class="option">
<span class="link"><a href="Calc">Calc</a></span>
<span class="desc">Simple Toolkit application where events are used.</span>
</div>
<br />
</div>
<div id="feature-browser">
<h3><a href="openajax/index.html">OpenAjax Hub Conformance tests</a></h3>
<div class="option">
Integrates sample Toolkit application to HTML page which performs basic OpenAjax hub conformance tests.
See HTML source what is required for integration.
<b>Note:</b> Embedded FeatureBrowser application is the same
application instance that can be accessed as standalone application, see <code>FeatureBrowser</code>.
</div>
</div>
<div id="feature-browser">
<h3><a href="EmbeddedToolkit.jsp">Embedding Toolkit application to other frameworks</a></h3>
<div class="option">
Integrates sample Toolkit application to JSP page. See HTML source or respective jsp
file what is required for integration. <b>Note:</b> Embedded TableDemo application is the same
application instance that can be accessed as standalone application, see <code>TableDemo</code>.
</div>
</div>
<div id="feature-browser">
<h3><a href="QueryContainerDemo">QueryContainerDemo</a></h3>
<div class="option">
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 <code>com.itmill.toolkit.data.Container</code> and set it as
datasource to UI components <code>com.itmill.toolkit.ui.Component.Tree</code>, how to
receive ExpandEvent and implement <code>com.itmill.toolkit.ui.Tree.ExpandListener</code>,
how to use <code>com.itmill.toolkit.event.Action</code>.
</div>
</div>
<div id="feature-browser">
<h3><a href="TableDemo">TableDemo</a></h3>
<div class="option">
Similar to QueryContainerDemo but uses table only. Two buttons demonstrate another
possibility how event framework works, in this example specific methods are
registered for button click events. <b>Note:</b> This application instance is embedded
to jsp page also, see <code>EmbeddedToolkit.jsp</code> above.
</div>
</div>
<div id="feature-browser">
<h3><a href="TreeFilesystemContainer">TreeFilesystemContainer</a></h3>
<div class="option">
Browsable file explorer using Toolkit Tree component. Demonstrates: how to
use <code>com.itmill.toolkit.ui.Component.Tree</code> datasource container,
how to create <code>com.itmill.toolkit.data.util.FilesystemContainer</code>,
how to read <code>com.itmill.toolkit.ui.Component.Event</code> objects, how
to receive and handle any event by implementing
<code>com.itmill.toolkit.ui.Component.Listener</code>.
</div>
</div>
<div id="feature-browser">
<h3><a href="TreeFilesystem">TreeFilesystem</a></h3>
<div class="option">
Browsable file explorer using Toolkit Tree component. Demonstrates: how
to add items hierarchially into
<code>com.itmill.toolkit.ui.Component.Tree</code>, how to receive
ExpandEvent and implement
<code>com.itmill.toolkit.ui.Tree.ExpandListener</code>.
</div>
</div>
<div id="feature-browser">
<h3><a href="ModalWindow">Modal window</a></h3>
<div class="option">
Example of Modal Window.
</div>
</div>
<div id="feature-browser">
<h3><a href="shortcut">Keyboard events demo</a></h3>
<div class="option">
Contains few Toolkit UI components that can be interacted by pressing keys in keyboard.
</div>
</div>
<div id="feature-browser">
<h3><a href="Parameters">URI and Parameter handling demo</a></h3>
<div class="option">
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.
</div>
</div>
<div id="sample-code">
<h4>Upgrading from Millstone 3 to Toolkit 4.0.0</h4>
<div class="option">
<span class="link"><a href="Login">Login</a></span>
<span class="desc">Simple Millstone 3.1.1 application that was upgraded to Toolkit 4.0.0 by updating three import rows.</span>
</div>
<br />
<br />
</div>
<!--
<div id="sample-code">
<h3>IT Mill Toolkit Sample Code</h3>
<h4>Hello World</h4>
<div class="option">
<span class="link"><a href="hello/?renderingMode=detect">Autodetected mode</a></span>
<span class="desc">Use AJAX if supported by browser, otherwise fallback to HTML mode</span>
</div>
<div class="option">
<span class="link"><a href="src/com/itmill/toolkit/demo/HelloWorld.java.html">Source code</a></span>
<span class="desc">See source code how a simple Toolkit application is created</span>
</div>
<h4>Calculator</h4>
<div class="option">
<span class="link"><a href="calc/?renderingMode=detect">Autodetected mode</a></span>
<span class="desc">Use AJAX if supported by browser, otherwise fallback to HTMLmode</span>
</div>
<div class="option">
<span class="link"><a href="src/com/itmill/toolkit/demo/Calc.java.html">Source code</a></span>
<span class="desc">See source code how a simple Toolkit application is created</span>
</div>
</div>
-->
</div><!-- // Container -->
</body>
</html>
|
