<!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, deprecated)</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.3</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, deprecated)</div> </div>
</div>
<div class="contents">
<p>Wt Ext library with JavaScript-only widgets (<b>deprecated</b>).
<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 (<b>deprecated</b>). </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, deprecated).">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, deprecated).">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, deprecated).">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, deprecated).">Ext</a> itself is loaded by inserting an <a class="el" href="namespaceWt_1_1Ext.html" title="Namespace for Ext widgets (Wt::Ext, deprecated).">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>
<dl class="deprecated"><dt><b><a class="el" href="deprecated.html#_deprecated000001">Deprecated:</a></b></dt><dd>Use native widgets instead. </dd></dl>
<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 Thu Nov 1 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>
