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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/>
<title>Wt: Ext widgets (Wt::Ext)</title>
<link href="tabs.css" rel="stylesheet" type="text/css"/>
<link href="doxygen.css" rel="stylesheet" type="text/css" />
<link href="search/search.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="search/search.js"></script>
<script type="text/javascript">
$(document).ready(function() { searchBox.OnSelectItem(0); });
</script>
</head>
<body>
<div id="top"><!-- do not remove this div! -->
<div id="titlearea">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 56px;">
<td style="padding-left: 0.5em;">
<div id="projectname">Wt
 <span id="projectnumber">3.2.1</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- Generated by Doxygen 1.7.5.1 -->
<script type="text/javascript">
var searchBox = new SearchBox("searchBox", "search",false,'Search');
</script>
<div id="navrow1" class="tabs">
<ul class="tablist">
<li><a href="index.html"><span>Main Page</span></a></li>
<li><a href="pages.html"><span>Related Pages</span></a></li>
<li><a href="modules.html"><span>Modules</span></a></li>
<li><a href="namespaces.html"><span>Namespaces</span></a></li>
<li><a href="annotated.html"><span>Classes</span></a></li>
<li><a href="files.html"><span>Files</span></a></li>
<li>
<div id="MSearchBox" class="MSearchBoxInactive">
<span class="left">
<img id="MSearchSelect" src="search/mag_sel.png"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
alt=""/>
<input type="text" id="MSearchField" value="Search" accesskey="S"
onfocus="searchBox.OnSearchFieldFocus(true)"
onblur="searchBox.OnSearchFieldFocus(false)"
onkeyup="searchBox.OnSearchFieldChange(event)"/>
</span><span class="right">
<a id="MSearchClose" href="javascript:searchBox.CloseResultsWindow()"><img id="MSearchCloseImg" border="0" src="search/close.png" alt=""/></a>
</span>
</div>
</li>
</ul>
</div>
</div>
<div class="header">
<div class="summary">
<a href="#nested-classes">Classes</a> |
<a href="#enum-members">Enumerations</a> </div>
<div class="headertitle">
<div class="title">Ext widgets (Wt::Ext)</div> </div>
</div>
<div class="contents">
<p>Wt Ext library with JavaScript-only widgets.
<a href="#details">More...</a></p>
<table class="memberdecls">
<tr><td colspan="2"><h2><a name="nested-classes"></a>
Classes</h2></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1AbstractButton.html">Wt::Ext::AbstractButton</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">Abstract base class for a (toolbar) button or menu item. <a href="classWt_1_1Ext_1_1AbstractButton.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1AbstractToggleButton.html">Wt::Ext::AbstractToggleButton</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">Abstract base class for radio button and check box. <a href="classWt_1_1Ext_1_1AbstractToggleButton.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Button.html">Wt::Ext::Button</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A button. <a href="classWt_1_1Ext_1_1Button.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Calendar.html">Wt::Ext::Calendar</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A calendar. <a href="classWt_1_1Ext_1_1Calendar.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1CheckBox.html">Wt::Ext::CheckBox</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A user control that represents a check box. <a href="classWt_1_1Ext_1_1CheckBox.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1ComboBox.html">Wt::Ext::ComboBox</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A widget that provides a drop-down combo-box control. <a href="classWt_1_1Ext_1_1ComboBox.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Component.html">Wt::Ext::Component</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">An abstract base class for widgets that can be visually disabled. <a href="classWt_1_1Ext_1_1Component.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1DataStore.html">Wt::Ext::DataStore</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A resource that serializes data from a data model. <a href="classWt_1_1Ext_1_1DataStore.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1DateField.html">Wt::Ext::DateField</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A form field for conveniently editing a date using a calendar popup. <a href="classWt_1_1Ext_1_1DateField.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Dialog.html">Wt::Ext::Dialog</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A dialog emulates a modal window that blocks the user-interface. <a href="classWt_1_1Ext_1_1Dialog.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1FormField.html">Wt::Ext::FormField</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">An abstract base class for form fields. <a href="classWt_1_1Ext_1_1FormField.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1LineEdit.html">Wt::Ext::LineEdit</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A line edit. <a href="classWt_1_1Ext_1_1LineEdit.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Menu.html">Wt::Ext::Menu</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A menu presented in a popup window. <a href="classWt_1_1Ext_1_1Menu.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1MenuItem.html">Wt::Ext::MenuItem</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">An item in a menu. <a href="classWt_1_1Ext_1_1MenuItem.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1MessageBox.html">Wt::Ext::MessageBox</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A standard dialog for confirmation or to get simple user input. <a href="classWt_1_1Ext_1_1MessageBox.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1NumberField.html">Wt::Ext::NumberField</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A form field for editing a number. <a href="classWt_1_1Ext_1_1NumberField.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1PagingToolBar.html">Wt::Ext::PagingToolBar</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A tool bar that provides paging controls for supporting large data sets in a table view. <a href="classWt_1_1Ext_1_1PagingToolBar.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Panel.html">Wt::Ext::Panel</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A container with a title and standard GUI elements. <a href="classWt_1_1Ext_1_1Panel.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1ProgressDialog.html">Wt::Ext::ProgressDialog</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A standard dialog to inform the user of progress during a time consuming task. <a href="classWt_1_1Ext_1_1ProgressDialog.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1RadioButton.html">Wt::Ext::RadioButton</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A user control that represents a radio button. <a href="classWt_1_1Ext_1_1RadioButton.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Splitter.html">Wt::Ext::Splitter</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A container widget with resize handles between its children. <a href="classWt_1_1Ext_1_1Splitter.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1SplitterHandle.html">Wt::Ext::SplitterHandle</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A handle inside a splitter. <a href="classWt_1_1Ext_1_1SplitterHandle.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1TableView.html">Wt::Ext::TableView</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A widget that displays data in a table. <a href="classWt_1_1Ext_1_1TableView.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1TabWidget.html">Wt::Ext::TabWidget</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A widget that organizes contents in tab panes. <a href="classWt_1_1Ext_1_1TabWidget.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1TextEdit.html">Wt::Ext::TextEdit</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A rich-text editor. <a href="classWt_1_1Ext_1_1TextEdit.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1ToolBar.html">Wt::Ext::ToolBar</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A class that represents a tool bar (or a menu bar). <a href="classWt_1_1Ext_1_1ToolBar.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1ToolTipConfig.html">Wt::Ext::ToolTipConfig</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">A configuration object for tool tips. <a href="classWt_1_1Ext_1_1ToolTipConfig.html#details">More...</a><br/></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">class  </td><td class="memItemRight" valign="bottom"><a class="el" href="classWt_1_1Ext_1_1Widget.html">Wt::Ext::Widget</a></td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">An abstract base class for all Ext widgets. <a href="classWt_1_1Ext_1_1Widget.html#details">More...</a><br/></td></tr>
<tr><td colspan="2"><h2><a name="enum-members"></a>
Enumerations</h2></td></tr>
<tr><td class="memItemLeft" align="right" valign="top">enum  </td><td class="memItemRight" valign="bottom"><a class="el" href="group__ext.html#ga5bc908c6e6aa90646cca1276d68cb2b2">Wt::Ext::DataLocation</a> { <a class="el" href="group__ext.html#gga5bc908c6e6aa90646cca1276d68cb2b2a19099959db2ef813b3d1a1e2f3e04675">Wt::Ext::ClientSide</a>,
<a class="el" href="group__ext.html#gga5bc908c6e6aa90646cca1276d68cb2b2a1ae210985e4d5795a6aa21ed8871dfe7">Wt::Ext::ServerSide</a>
}</td></tr>
<tr><td class="mdescLeft"> </td><td class="mdescRight">An enum for the location of data in data-intensive widgets. <a href="group__ext.html#ga5bc908c6e6aa90646cca1276d68cb2b2">More...</a><br/></td></tr>
</table>
<hr/><a name="details" id="details"></a><h2>Detailed Description</h2>
<p>Wt Ext library with JavaScript-only widgets. </p>
<h2><a class="anchor" id="bla"></a>
1. Introduction</h2>
<p>An add-on library to Wt (wtext) provides additional widgets that are all contained within the <a class="el" href="namespaceWt_1_1Ext.html" title="Namespace for Ext widgets (Wt::Ext).">Wt::Ext</a> namespace. These widgets are implemented using an open-source third-party JavaScript library, extjs (<a href="http://extjs.com/">http://extjs.com/</a>), version 2.0, or 2.1 but not higher (does not support <a class="el" href="namespaceWt_1_1Ext.html" title="Namespace for Ext widgets (Wt::Ext).">Ext</a> 2.2), e.g. <a href="http://extjs.com/deploy/ext-2.0.2.zip.">http://extjs.com/deploy/ext-2.0.2.zip.</a></p>
<p>Unlike plain Wt widgets, these widgets require the availability of JavaScript (and a sufficiently recent browser). They do, however, have a polished default look (certainly compared to unstyled plain Wt widgets), and add several new capabilities to Wt:</p>
<ul>
<li>
<p class="startli">A <a class="el" href="classWt_1_1Ext_1_1Container.html" title="A container class which manages its contents using layout managers.">Container</a> widget which supports layout using layout managers, and a <a class="el" href="classWt_1_1Ext_1_1Panel.html" title="A container with a title and standard GUI elements.">Panel</a>, which inherits <a class="el" href="classWt_1_1Ext_1_1Container.html" title="A container class which manages its contents using layout managers.">Container</a>, which adds standard GUI functionality to a container, such as tool bars, and support for collapsing and resizing</p>
<p class="endli"></p>
</li>
<li>
<p class="startli">Form fields that support client-side validation (<a class="el" href="classWt_1_1Ext_1_1CheckBox.html" title="A user control that represents a check box.">CheckBox</a>, <a class="el" href="classWt_1_1Ext_1_1ComboBox.html" title="A widget that provides a drop-down combo-box control.">ComboBox</a>, <a class="el" href="classWt_1_1Ext_1_1DateField.html" title="A form field for conveniently editing a date using a calendar popup.">DateField</a>, <a class="el" href="classWt_1_1Ext_1_1LineEdit.html" title="A line edit.">LineEdit</a>, <a class="el" href="classWt_1_1Ext_1_1NumberField.html" title="A form field for editing a number.">NumberField</a>, <a class="el" href="classWt_1_1Ext_1_1RadioButton.html" title="A user control that represents a radio button.">RadioButton</a>). This has been integrated together with the server side validation in the standard <a class="el" href="classWt_1_1WValidator.html" title="A validator is used to validate user input according to pre-defined rules.">WValidator</a> classes (<a class="el" href="classWt_1_1WDateValidator.html" title="A validator for date input.">WDateValidator</a>, <a class="el" href="classWt_1_1WDoubleValidator.html" title="A validator for validating floating point user input.">WDoubleValidator</a>, <a class="el" href="classWt_1_1WIntValidator.html" title="A validator that validates integer user input.">WIntValidator</a>, <a class="el" href="classWt_1_1WLengthValidator.html" title="A validator that checks the string length of user input.">WLengthValidator</a>, <a class="el" href="classWt_1_1WRegExpValidator.html" title="A validator that checks user input against a regular expression.">WRegExpValidator</a>). In this way, a single validator object specifies at the same time the client- and server-side validation. In this way, the user is given instant feed-back using client-side validation, but the data is also validated (again) as it arrives on the server, since nothing prevents the client JavaScript code from be hacked or circumvented.</p>
<p class="endli"></p>
</li>
<li>
<p class="startli"><a class="el" href="classWt_1_1Ext_1_1TextEdit.html" title="A rich-text editor.">TextEdit</a>: a rich text editor, which may be used to edit HTML.</p>
<p class="endli"></p>
</li>
<li>
<p class="startli"><a class="el" href="classWt_1_1Ext_1_1TableView.html" title="A widget that displays data in a table.">TableView</a> displays data from a <a class="el" href="classWt_1_1WAbstractItemModel.html" title="An abstract model for use with Wt's view classes.">WAbstractItemModel</a>. The widget provides sorting, column resizing. In addition, form fiels may be used for inline editing of data, which is propagated back to the model.</p>
<p class="endli"></p>
</li>
<li>
<p class="startli">Good-looking and flexible <a class="el" href="classWt_1_1Ext_1_1Menu.html" title="A menu presented in a popup window.">Menu</a> and <a class="el" href="classWt_1_1Ext_1_1ToolBar.html" title="A class that represents a tool bar (or a menu bar).">ToolBar</a> classes.</p>
<p class="endli"></p>
</li>
<li>
<p class="startli">A polished <a class="el" href="classWt_1_1Ext_1_1Dialog.html" title="A dialog emulates a modal window that blocks the user-interface.">Dialog</a>, <a class="el" href="classWt_1_1Ext_1_1MessageBox.html" title="A standard dialog for confirmation or to get simple user input.">MessageBox</a> and <a class="el" href="classWt_1_1Ext_1_1ProgressDialog.html" title="A standard dialog to inform the user of progress during a time consuming task.">ProgressDialog</a>.</p>
<p class="endli"></p>
</li>
<li>
<p class="startli">Standalone <a class="el" href="classWt_1_1Ext_1_1Splitter.html" title="A container widget with resize handles between its children.">Splitter</a> widget, or integrated in BorderLayout</p>
<p class="endli"></p>
</li>
<li>
Availability of several themes, created by the ExtJS user community. Simply import the stylesheet after <a class="el" href="namespaceWt_1_1Ext.html" title="Namespace for Ext widgets (Wt::Ext).">Ext</a> itself is loaded. (for example, try: useStyleSheet("<i>extBaseURL</i>/resources/css/xtheme-gray.css")). <a class="el" href="namespaceWt_1_1Ext.html" title="Namespace for Ext widgets (Wt::Ext).">Ext</a> itself is loaded by inserting an <a class="el" href="namespaceWt_1_1Ext.html" title="Namespace for Ext widgets (Wt::Ext).">Ext</a> widget, so a good place to do this is at the end of your application construction. </li>
</ul>
<p>The functionality of some of these widgets overlaps with existing Wt widgets. Whenever possible, the same API was adopted.</p>
<p>The following table shows corresponding widgets and comments on the resemblance of the APIs. </p>
<table class="doxtable">
<tr>
<td><b>Wt widget</b></td><td><b>Wt Ext widget</b> </td><td><b>Comment</b> </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WCalendar.html" title="A calendar.">WCalendar</a></td><td><a class="el" href="classWt_1_1Ext_1_1Calendar.html" title="A calendar.">Calendar</a> </td><td>The Wt version is more versatile (for example allows multiple selection, and allows more programmatic control. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WCheckBox.html" title="A user control that represents a check box.">WCheckBox</a></td><td><a class="el" href="classWt_1_1Ext_1_1CheckBox.html" title="A user control that represents a check box.">CheckBox</a> </td><td>Identical API. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WComboBox.html" title="A widget that provides a drop-down combo-box control.">WComboBox</a></td><td><a class="el" href="classWt_1_1Ext_1_1ComboBox.html" title="A widget that provides a drop-down combo-box control.">ComboBox</a> </td><td>The Ext version adds a number of features that are similar to those provided by Wt's SuggestionPopup, and allows keeping the entire data set at the server. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WDialog.html" title="A WDialog shows a dialog.">WDialog</a></td><td><a class="el" href="classWt_1_1Ext_1_1Dialog.html" title="A dialog emulates a modal window that blocks the user-interface.">Dialog</a> </td><td>Almost identical API. The Ext version manages standard buttons. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WLineEdit.html" title="A widget that provides a single line edit.">WLineEdit</a></td><td><a class="el" href="classWt_1_1Ext_1_1LineEdit.html" title="A line edit.">LineEdit</a> </td><td>Identical API. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WMessageBox.html" title="A standard dialog for confirmation or to get simple user input.">WMessageBox</a></td><td><a class="el" href="classWt_1_1Ext_1_1MessageBox.html" title="A standard dialog for confirmation or to get simple user input.">MessageBox</a> </td><td>Almost identical API. The Wt version is more flexible with respect to buttons, while the Ext version supports prompting for input. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WRadioButton.html" title="A user control that represents a radio button.">WRadioButton</a></td><td><a class="el" href="classWt_1_1Ext_1_1RadioButton.html" title="A user control that represents a radio button.">RadioButton</a> </td><td>Identical API. </td></tr>
<tr>
<td><a class="el" href="classWt_1_1WTextEdit.html" title="A rich-text XHTML editor.">WTextEdit</a></td><td><a class="el" href="classWt_1_1Ext_1_1TextEdit.html" title="A rich-text editor.">TextEdit</a> </td><td>API differences. The Wt version has more options and is XHTML-compliant. </td></tr>
</table>
<p>You can freely mix Wt widgets and Ext widgets in your application: Wt widgets containers may contain Ext widgets, and vice-versa. From a programmer perspective, there are no differences for using Wt versus Ext widgets.</p>
<h2><a class="anchor" id="moh"></a>
2. Deployment notes.</h2>
<p>To use Ext widgets, you need to download the Ext JavaScript library (ext-2.x), and deploy the following files to your web server:</p>
<ul>
<li>
ext-2.x/adapter/ext/ext-base.js to <em>extBaseURL</em>/ext-base.js </li>
<li>
ext-2.x/ext-all.js to <em>extBaseURL</em>/ext-all.js </li>
<li>
ext-2.x/resources/ to <em>extBaseURL</em>/resources/ (the entire folder) </li>
</ul>
<p>The default value for <em>extBaseURL</em> is "ext/". This value may be overridden with a URL that points to a folder where these files are located, by configuring the <em>extBaseURL</em> property in your Wt configuration file. </p>
<hr/><h2>Enumeration Type Documentation</h2>
<a class="anchor" id="ga5bc908c6e6aa90646cca1276d68cb2b2"></a><!-- doxytag: member="Wt::Ext::DataLocation" ref="ga5bc908c6e6aa90646cca1276d68cb2b2" args="" -->
<div class="memitem">
<div class="memproto">
<table class="memname">
<tr>
<td class="memname">enum <a class="el" href="group__ext.html#ga5bc908c6e6aa90646cca1276d68cb2b2">Wt::Ext::DataLocation</a></td>
</tr>
</table>
</div>
<div class="memdoc">
<p>An enum for the location of data in data-intensive widgets. </p>
<dl class="see"><dt><b>See also:</b></dt><dd><a class="el" href="classWt_1_1Ext_1_1ComboBox.html#a8cbea60f93ad91387200a3e49e33eaf0" title="Configure the location of the data for the combo-box.">ComboBox::setDataLocation()</a>, <a class="el" href="classWt_1_1Ext_1_1TableView.html#a11f1507b4db23da74cf54741a4b40b00" title="Configure the location of the data.">TableView::setDataLocation()</a> </dd></dl>
<dl><dt><b>Enumerator: </b></dt><dd><table border="0" cellspacing="2" cellpadding="0">
<tr><td valign="top"><em><a class="anchor" id="gga5bc908c6e6aa90646cca1276d68cb2b2a19099959db2ef813b3d1a1e2f3e04675"></a><!-- doxytag: member="ClientSide" ref="gga5bc908c6e6aa90646cca1276d68cb2b2a19099959db2ef813b3d1a1e2f3e04675" args="" -->ClientSide</em> </td><td>
<p>Download the whole data model to the client. </p>
</td></tr>
<tr><td valign="top"><em><a class="anchor" id="gga5bc908c6e6aa90646cca1276d68cb2b2a1ae210985e4d5795a6aa21ed8871dfe7"></a><!-- doxytag: member="ServerSide" ref="gga5bc908c6e6aa90646cca1276d68cb2b2a1ae210985e4d5795a6aa21ed8871dfe7" args="" -->ServerSide</em> </td><td>
<p>Keep the data at the server, and transfer data on-demand. </p>
</td></tr>
</table>
</dd>
</dl>
</div>
</div>
</div>
<!-- window showing the filter options -->
<div id="MSearchSelectWindow"
onmouseover="return searchBox.OnSearchSelectShow()"
onmouseout="return searchBox.OnSearchSelectHide()"
onkeydown="return searchBox.OnSearchSelectKey(event)">
<a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(0)"><span class="SelectionMark"> </span>All</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(1)"><span class="SelectionMark"> </span>Classes</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(2)"><span class="SelectionMark"> </span>Namespaces</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(3)"><span class="SelectionMark"> </span>Files</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(4)"><span class="SelectionMark"> </span>Functions</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(5)"><span class="SelectionMark"> </span>Variables</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(6)"><span class="SelectionMark"> </span>Typedefs</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(7)"><span class="SelectionMark"> </span>Enumerations</a><a class="SelectItem" href="javascript:void(0)" onclick="searchBox.OnSelectItem(8)"><span class="SelectionMark"> </span>Enumerator</a></div>
<!-- iframe showing the search results (closed by default) -->
<div id="MSearchResultsWindow">
<iframe src="javascript:void(0)" frameborder="0"
name="MSearchResults" id="MSearchResults">
</iframe>
</div>
<hr size="1"><address style="text-align: right; margin: 3px"><small>
Generated on Fri Mar 30 2012 for <a href="http://www.webtoolkit.eu/wt">the
C++ Web Toolkit (Wt)</a> by <a
href="http://www.doxygen.org/index.html"><img src="doxygen.png"
alt="doxygen" border="0" style="vertical-align: middle; display:
inline-block; height: 2em"></a> 1.7.5.1</small></address>
</body>
</html>
|
