Wt
4.11.1
|
A widget which popups to assist in editing a textarea or lineedit. More...
#include <Wt/WSuggestionPopup.h>
Classes | |
struct | Options |
A configuration object to generate a matcher and replacer JavaScript function. More... | |
Public Types | |
typedef PopupTrigger | Trigger |
Typedef for enum Wt::PopupTrigger. | |
Public Types inherited from Wt::WObject | |
typedef void(WObject::* | Method) () |
Typedef for a WObject method without arguments. | |
Public Member Functions | |
WSuggestionPopup (const Options &options) | |
Creates a suggestion popup. More... | |
WSuggestionPopup (const std::string &matcherJS, const std::string &replacerJS) | |
Creates a suggestion popup with given matcherJS and replacerJS. More... | |
void | forEdit (WFormWidget *edit, WFlags< PopupTrigger > popupTriggers=PopupTrigger::Editing) |
Lets this suggestion popup assist in editing an edit field. More... | |
void | removeEdit (WFormWidget *edit) |
Removes the edit field from the list of assisted editors. More... | |
void | showAt (WFormWidget *edit) |
Shows the suggestion popup at an edit field. More... | |
void | clearSuggestions () |
Clears the list of suggestions. More... | |
void | addSuggestion (const WString &suggestionText, const WString &suggestionValue=WString::Empty) |
Adds a new suggestion. More... | |
void | setModel (const std::shared_ptr< WAbstractItemModel > &model) |
Sets the model to be used for the suggestions. More... | |
std::shared_ptr< WAbstractItemModel > | model () const |
Returns the data model. More... | |
void | setModelColumn (int index) |
Sets the column in the model to be used for the items. More... | |
void | setDefaultIndex (int row) |
Sets a default selected value. More... | |
int | defaultIndex () const |
Returns the default value. More... | |
void | setFilterLength (int count) |
Sets the minimum input length before showing the popup. More... | |
int | filterLength () const |
Returns the filter length. More... | |
Signal< WString > & | filterModel () |
Signal that indicates that the model should be filtered. More... | |
Signal< int, WFormWidget * > & | activated () |
Signal emitted when a suggestion was selected. More... | |
void | setDropDownIconUnfiltered (bool isUnfiltered) |
When drop down icon is clicked the popup content will be unfiltered. More... | |
void | setAutoSelectEnabled (bool enabled) |
When the popup is opened the first item is automatically selected. More... | |
int | currentItem () const |
Returns the last activated index. More... | |
void | setEditRole (ItemDataRole role) |
Sets the role used for editing the line edit with a chosen item. More... | |
ItemDataRole | editRole () const |
Public Member Functions inherited from Wt::WPopupWidget | |
WPopupWidget (std::unique_ptr< WWidget > impl) | |
Constructor. More... | |
virtual | ~WPopupWidget () |
Destructor. | |
void | setAnchorWidget (WWidget *widget, Orientation orientation=Orientation::Vertical) |
Sets an anchor widget. More... | |
Orientation | orientation () const |
Returns the orientation. More... | |
void | setTransient (bool transient, int autoHideDelay=0) |
Sets transient property. More... | |
bool | isTransient () const |
Returns whether the popup is transient. More... | |
int | autoHideDelay () const |
Returns the auto-hide delay. More... | |
virtual void | setHidden (bool hidden, const WAnimation &animation=WAnimation()) override |
Hides or shows the widget. More... | |
Signal & | hidden () |
Signal emitted when the popup is hidden. More... | |
Signal & | shown () |
Signal emitted when the popup is shown. More... | |
Public Member Functions inherited from Wt::WCompositeWidget | |
WCompositeWidget () | |
Creates a WCompositeWidget. More... | |
WCompositeWidget (std::unique_ptr< WWidget > implementation) | |
Creates a WCompositeWidget with given implementation. More... | |
virtual std::vector< WWidget * > | children () const override |
Returns child widgets. More... | |
virtual std::unique_ptr< WWidget > | removeWidget (WWidget *widget) override |
Removes a child widget. | |
virtual void | setObjectName (const std::string &name) override |
Sets an object name. More... | |
virtual std::string | objectName () const override |
Returns the object name. More... | |
virtual const std::string | id () const override |
Returns the (unique) identifier for this object. More... | |
virtual void | setPositionScheme (PositionScheme scheme) override |
Sets the CSS position scheme. More... | |
virtual PositionScheme | positionScheme () const override |
Returns the CSS position scheme. More... | |
virtual void | setOffsets (const WLength &offset, WFlags< Side > sides=AllSides) override |
Sets CSS offsets for a non-statically positioned widget. More... | |
virtual WLength | offset (Side s) const override |
Returns a CSS offset. More... | |
virtual void | resize (const WLength &width, const WLength &height) override |
Resizes the widget. More... | |
virtual WLength | width () const override |
Returns the width. More... | |
virtual WLength | height () const override |
Returns the height. More... | |
virtual void | setMinimumSize (const WLength &width, const WLength &height) override |
Sets a minimum size. More... | |
virtual WLength | minimumWidth () const override |
Returns the minimum width. More... | |
virtual WLength | minimumHeight () const override |
Returns the minimum height. More... | |
virtual void | setMaximumSize (const WLength &width, const WLength &height) override |
Sets a maximum size. More... | |
virtual WLength | maximumWidth () const override |
Returns the maximum width. More... | |
virtual WLength | maximumHeight () const override |
Returns the maximum height. More... | |
virtual void | setLineHeight (const WLength &height) override |
Sets the CSS line height for contained text. | |
virtual WLength | lineHeight () const override |
Returns the CSS line height for contained text. More... | |
virtual void | setFloatSide (Side s) override |
Specifies a CSS float side. More... | |
virtual Side | floatSide () const override |
Returns the CSS float side. More... | |
virtual void | setClearSides (WFlags< Side > sides) override |
Sets the sides that should be cleared of floats. More... | |
virtual WFlags< Side > | clearSides () const override |
Returns the sides that should remain empty. More... | |
virtual void | setMargin (const WLength &margin, WFlags< Side > sides=AllSides) override |
Sets CSS margins around the widget. More... | |
virtual WLength | margin (Side side) const override |
Returns a CSS margin set. More... | |
virtual void | setHiddenKeepsGeometry (bool enabled) override |
Sets whether the widget keeps its geometry when hidden. More... | |
virtual bool | hiddenKeepsGeometry () const override |
Returns whether the widget keeps its geometry when hidden. More... | |
virtual bool | isHidden () const override |
Returns whether the widget is set hidden. More... | |
virtual bool | isVisible () const override |
Returns whether the widget is visible. More... | |
virtual void | setDisabled (bool disabled) override |
Sets whether the widget is disabled. More... | |
virtual bool | isDisabled () const override |
Returns whether the widget is set disabled. More... | |
virtual bool | isEnabled () const override |
Returns whether the widget is enabled. More... | |
virtual void | setPopup (bool popup) override |
Lets the widget overlay over other sibling widgets. More... | |
virtual bool | isPopup () const override |
Returns whether the widget is overlayed. More... | |
virtual void | setInline (bool isInline) override |
Sets whether the widget is displayed inline or as a block. More... | |
virtual bool | isInline () const override |
Returns whether the widget is displayed inline or as block. More... | |
virtual void | setDecorationStyle (const WCssDecorationStyle &style) override |
Sets a CSS decoration style. More... | |
virtual WCssDecorationStyle & | decorationStyle () override |
Returns the decoration style of this widget. More... | |
virtual void | setStyleClass (const WString &styleClass) override |
Sets (one or more) CSS style classes. More... | |
virtual WString | styleClass () const override |
Returns the CSS style class. More... | |
virtual void | addStyleClass (const WString &styleClass, bool force=false) override |
Adds a CSS style class. More... | |
virtual void | removeStyleClass (const WString &styleClass, bool force=false) override |
Removes a CSS style class. More... | |
virtual bool | hasStyleClass (const WString &styleClass) const override |
Returns whether the widget has a style class. | |
virtual void | setVerticalAlignment (AlignmentFlag alignment, const WLength &length=WLength::Auto) override |
Sets the vertical alignment. More... | |
virtual AlignmentFlag | verticalAlignment () const override |
Returns the vertical alignment. More... | |
virtual WLength | verticalAlignmentLength () const override |
Returns the fixed vertical alignment that was set. More... | |
virtual void | setToolTip (const WString &text, TextFormat textFormat=TextFormat::Plain) override |
Sets a tooltip. More... | |
virtual WString | toolTip () const override |
Returns the tooltip. | |
virtual void | setDeferredToolTip (bool enable, TextFormat textFormat=TextFormat::Plain) override |
Enable deferred tooltip. More... | |
virtual void | refresh () override |
Refresh the widget. More... | |
virtual void | setAttributeValue (const std::string &name, const WString &value) override |
Sets an attribute value. More... | |
virtual WString | attributeValue (const std::string &name) const override |
Returns an attribute value. More... | |
virtual void | setJavaScriptMember (const std::string &name, const std::string &value) override |
Sets a JavaScript member. More... | |
virtual std::string | javaScriptMember (const std::string &name) const override |
Returns the value of a JavaScript member. More... | |
virtual void | callJavaScriptMember (const std::string &name, const std::string &args) override |
Calls a JavaScript member. More... | |
virtual void | load () override |
Loads content just before the widget is used. More... | |
virtual bool | loaded () const override |
Returns whether this widget has been loaded. More... | |
virtual void | setCanReceiveFocus (bool enabled) override |
Sets whether the widget can receive focus. More... | |
virtual bool | canReceiveFocus () const override |
Returns whether the widget can receive focus. More... | |
virtual void | setFocus (bool focus) override |
Sets focus. More... | |
virtual bool | setFirstFocus () override |
Set focus on the widget's first descendant. More... | |
virtual bool | hasFocus () const override |
Returns whether the widget currently has the focus. | |
virtual void | setTabIndex (int index) override |
Sets the tab index. More... | |
virtual int | tabIndex () const override |
Returns the tab index. More... | |
virtual void | setId (const std::string &id) override |
Sets the CSS Id. More... | |
virtual WWidget * | find (const std::string &name) override |
Finds a descendent widget by name. More... | |
virtual WWidget * | findById (const std::string &name) override |
Finds a descendent widget by id. | |
virtual void | setSelectable (bool selectable) override |
Sets as selectable. More... | |
virtual void | doJavaScript (const std::string &js) override |
Executes the given JavaScript statements when the widget is rendered or updated. More... | |
virtual void | propagateSetEnabled (bool enabled) override |
Propagates that a widget was enabled or disabled through children. More... | |
virtual bool | scrollVisibilityEnabled () const final override |
Returns whether scroll visibility detection is enabled for this widget. More... | |
virtual void | setScrollVisibilityEnabled (bool enabled) final override |
Sets whether scroll visibility detection is enabled for this widget. More... | |
virtual int | scrollVisibilityMargin () const final override |
Returns the margin around the viewport within which the widget is considered visible. More... | |
virtual void | setScrollVisibilityMargin (int margin) final override |
Sets the margin around the viewport within which the widget is considered visible. More... | |
virtual Signal< bool > & | scrollVisibilityChanged () final override |
Signal triggered when the scroll visibility of this widget changes. More... | |
virtual bool | isScrollVisible () const final override |
Returns whether this widget is currently considered scroll visible. More... | |
virtual void | setThemeStyleEnabled (bool enabled) final override |
Sets whether theme styling for a widget is enabled or disabled. More... | |
virtual bool | isThemeStyleEnabled () const final override |
Returns whether this widget is currently styled by the chosen theme. More... | |
virtual std::unique_ptr< WWidget > | removeWidget (WWidget *widget) |
Removes a child widget. | |
template<typename Widget > | |
std::unique_ptr< Widget > | removeWidget (Widget *widget) |
Removes a child widget. More... | |
void | setFocus () |
Sets focus. More... | |
virtual void | setFocus (bool focus)=0 |
Sets focus. More... | |
Public Member Functions inherited from Wt::WWidget | |
virtual | ~WWidget () |
Destructor. More... | |
WWidget * | parent () const |
Returns the parent widget. | |
template<typename Widget > | |
std::unique_ptr< Widget > | removeWidget (Widget *widget) |
Removes a child widget. More... | |
std::unique_ptr< WWidget > | removeFromParent () |
Removes the widget from its parent. More... | |
void | setWidth (const WLength &width) |
Sets the width. More... | |
void | setHeight (const WLength &height) |
Sets the height. More... | |
virtual void | positionAt (const WWidget *widget, Orientation orientation=Orientation::Vertical) |
Positions a widget next to another widget. More... | |
virtual void | toggleStyleClass (const WString &styleClass, bool add, bool force=false) |
Toggles a CSS style class. | |
std::string | jsRef () const |
Returns a JavaScript expression to the corresponding DOM node. More... | |
void | setFocus () |
Sets focus. More... | |
virtual void | acceptDrops (const std::string &mimeType, const WString &hoverStyleClass=WString()) |
Sets a mime type to be accepted for dropping. More... | |
virtual void | stopAcceptDrops (const std::string &mimeType) |
Indicates that a mime type is no longer accepted for dropping. More... | |
virtual void | htmlText (std::ostream &out) |
Streams the (X)HTML representation. More... | |
bool | isRendered () const |
Returns whether the widget is rendered. More... | |
void | hide () |
Hides the widget. More... | |
void | animateHide (const WAnimation &animation) |
Hides the widget using an animation. More... | |
void | show () |
Shows the widget. More... | |
void | animateShow (const WAnimation &animation) |
Shows the widget using an animation. More... | |
void | enable () |
Enables the widget. More... | |
void | disable () |
Disable thes widget. More... | |
bool | layoutSizeAware () const |
Returns whether the widget is layout size aware. More... | |
Public Member Functions inherited from Wt::WObject | |
void | addChild (std::unique_ptr< WObject > child) |
Add a child WObject whose lifetime is determined by this WObject. | |
template<typename Child > | |
Child * | addChild (std::unique_ptr< Child > child) |
Add a child WObject, returning a raw pointer. More... | |
std::unique_ptr< WObject > | removeChild (WObject *child) |
Remove a child WObject, so its lifetime is no longer determined by this WObject. | |
template<typename Child > | |
std::unique_ptr< Child > | removeChild (Child *child) |
Remove a child WObject, so its lifetime is no longer determined by this WObject. More... | |
void | resetLearnedSlots () |
Resets learned stateless slot implementations. More... | |
template<class T > | |
void | resetLearnedSlot (void(T::*method)()) |
Resets a learned stateless slot implementation. More... | |
template<class T > | |
WStatelessSlot * | implementStateless (void(T::*method)()) |
Declares a slot to be stateless and learn client-side behaviour on first invocation. More... | |
template<class T > | |
WStatelessSlot * | implementStateless (void(T::*method)(), void(T::*undoMethod)()) |
Declares a slot to be stateless and learn client-side behaviour in advance. More... | |
void | isNotStateless () |
Marks the current function as not stateless. More... | |
template<class T > | |
WStatelessSlot * | implementJavaScript (void(T::*method)(), const std::string &jsCode) |
Provides a JavaScript implementation for a method. More... | |
Public Member Functions inherited from Wt::Core::observable | |
observable () noexcept | |
Default constructor. | |
virtual | ~observable () |
Destructor. More... | |
template<typename... Args, typename C > | |
auto | bindSafe (void(C::*method)(Args...)) noexcept |
Protects a method call against object destruction. More... | |
template<typename... Args, typename C > | |
auto | bindSafe (void(C::*method)(Args...) const) const noexcept |
Protects a const method call against object destruction. More... | |
template<typename Function > | |
auto | bindSafe (const Function &function) noexcept |
Protects a function against object destruction. More... | |
Static Public Member Functions | |
static std::string | generateMatcherJS (const Options &options) |
Creates a standard matcher JavaScript function. More... | |
static std::string | generateReplacerJS (const Options &options) |
Creates a standard replacer JavaScript function. More... | |
Static Public Member Functions inherited from Wt::WWidget | |
static WString | tr (const char *key) |
Short hand for WString::tr() More... | |
Protected Member Functions | |
virtual void | render (WFlags< RenderFlag > flags) override |
Renders the widget. More... | |
Protected Member Functions inherited from Wt::WCompositeWidget | |
virtual void | enableAjax () override |
Progresses to an Ajax-enabled widget. More... | |
void | setImplementation (std::unique_ptr< WWidget > widget) |
Set the implementation widget. More... | |
template<typename Widget > | |
Widget * | setImplementation (std::unique_ptr< Widget > widget) |
Sets the implementation widget, returning a raw pointer. More... | |
template<typename W , typename... Args> | |
W * | setNewImplementation (Args &&... args) |
Creates the implementation widget and sets it, returning a raw pointer. More... | |
WWidget * | implementation () |
Get the implementation widget. More... | |
virtual int | boxPadding (Orientation orientation) const override |
Returns the widget's built-in padding. More... | |
virtual int | boxBorder (Orientation orientation) const override |
Returns the widget's built-in border width. More... | |
Protected Member Functions inherited from Wt::WWidget | |
void | setLayoutSizeAware (bool sizeAware) |
Sets the widget to be aware of its size set by a layout manager. More... | |
virtual void | layoutSizeChanged (int width, int height) |
Virtual method that indicates a size change. More... | |
WWidget () | |
Creates a widget. | |
virtual void | dropEvent (WDropEvent dropEvent) |
Handles a drop event. More... | |
void | scheduleRender (WFlags< RepaintFlag > flags=None) |
Schedules rerendering of the widget. More... | |
virtual WStatelessSlot * | getStateless (Method method) override |
On-demand stateless slot implementation. More... | |
A widget which popups to assist in editing a textarea or lineedit.
This widget may be associated with one or more WFormWidgets (typically a WLineEdit or a WTextArea).
The popup provides the user with suggestions to enter input. The popup can be used by one or more editors, using forEdit(). The popup will show when the user starts editing the edit field, or when the user opens the suggestions explicitly using a drop down icon or with the down key. The popup positions itself intelligently just below or just on top of the edit field. It offers a list of suggestions that match in some way with the current edit field, and dynamically adjusts this list. The implementation for matching individual suggestions with the current text is provided through a JavaScript function. This function may also highlight part(s) of the suggestions to provide feed-back on how they match.
WSuggestionPopup is an MVC view class, using a simple WStringListModel by default. You can set a custom model using setModel(). The model can provide different text for the suggestion text (Wt::ItemDataRole::Display) and value (editRole()). The member methods clearSuggestions() and addSuggestion() manipulate this model.
By default, the popup implements all filtering client-side. To support large datasets, you may enable server-side filtering of suggestions based on the input. The server-side filtering may provide a coarse filtering using a fixed size prefix of the entered text, and complement the client-side filtering. To enable server-side filtering, use setFilterLength() and listen to filter notification using the modelFilter() signal. Whenever a filter event is generated you can adjust the model's content according to the filter (e.g. using a WSortFilterProxyModel). By using setMaximumSize() you can also limit the maximum height of the popup, in which case scrolling is supported (similar to a combo-box).
The class is initialized with an Options struct which configures how suggestion filtering and result editing is done. Alternatively, you can provide two JavaScript functions, one for filtering the suggestions, and one for editing the value of the textarea when a suggestion is selected.
The matcherJS function must have the following JavaScript signature:
The replacerJS function that edits the value has the following JavaScript signature.
To style the suggestions, you should style the <span> element inside this widget, and the <span>."sel" element to style the current selection.
Usage example:
A screenshot of this example:
When using the DropDownIcon trigger, an additional style class is provided for the edit field: Wt-suggest-dropdown
, which renders the icon to the right inside the edit field. This class may be used to customize how the drop down icon is rendered.
Wt::WSuggestionPopup::WSuggestionPopup | ( | const Options & | options | ) |
Creates a suggestion popup.
The popup using a standard matcher and replacer implementation that is configured using the provided options
.
Wt::WSuggestionPopup::WSuggestionPopup | ( | const std::string & | matcherJS, |
const std::string & | replacerJS | ||
) |
Creates a suggestion popup with given matcherJS and replacerJS.
See supra for the expected signature of the matcher and replace JavaScript functions.
Signal<int, WFormWidget *>& Wt::WSuggestionPopup::activated | ( | ) |
Signal emitted when a suggestion was selected.
The selected item is passed as the first argument and the editor as the second.
void Wt::WSuggestionPopup::addSuggestion | ( | const WString & | suggestionText, |
const WString & | suggestionValue = WString::Empty |
||
) |
Adds a new suggestion.
This adds an entry to the underlying model. The suggestionText
is set as Wt::ItemDataRole::Display and the suggestionValue
(which is inserted into the edit field on selection) is set as editRole().
void Wt::WSuggestionPopup::clearSuggestions | ( | ) |
int Wt::WSuggestionPopup::currentItem | ( | ) | const |
Returns the last activated index.
Returns -1 if the popup hasn't been activated yet.
int Wt::WSuggestionPopup::defaultIndex | ( | ) | const |
Returns the default value.
ItemDataRole Wt::WSuggestionPopup::editRole | ( | ) | const |
Returns the role used for editing the line edit.
int Wt::WSuggestionPopup::filterLength | ( | ) | const |
Returns the filter length.
Signal that indicates that the model should be filtered.
The argument is the initial input. When Editing is used as edit trigger, its length will always equal the filterLength(). When DropDownIcon is used as edit trigger, the input length may be less than filterLength(), and the the signal will be called repeatedly as the user provides more input.
For example, if you are using a WSortFilterProxyModel, you could react to this signal with:
void Wt::WSuggestionPopup::forEdit | ( | WFormWidget * | edit, |
WFlags< PopupTrigger > | popupTriggers = PopupTrigger::Editing |
||
) |
Lets this suggestion popup assist in editing an edit field.
A single suggestion popup may assist in several edits by repeated calls of this method.
The popupTriggers
control how editing is triggered (either by the user editing the field by entering keys or by an explicit drop down menu that is shown inside the edit).
|
static |
Creates a standard matcher JavaScript function.
This returns a JavaScript function that provides a standard implementation for the matching input, based on the given options
.
|
static |
Creates a standard replacer JavaScript function.
This returns a JavaScript function that provides a standard implementation for reacting to a match activation, editing the line edit text.
std::shared_ptr<WAbstractItemModel> Wt::WSuggestionPopup::model | ( | ) | const |
Returns the data model.
void Wt::WSuggestionPopup::removeEdit | ( | WFormWidget * | edit | ) |
Removes the edit field from the list of assisted editors.
The editor will no longer be assisted by this popup widget.
|
overrideprotectedvirtual |
Renders the widget.
This function renders the widget (or an update for the widget), after this has been scheduled using scheduleRender().
The default implementation will render the widget by serializing changes to JavaScript and HTML. You may want to reimplement this widget if you have been postponing some of the layout / rendering implementation until the latest moment possible. In that case you should make sure you call the base implementation however.
Reimplemented from Wt::WPopupWidget.
void Wt::WSuggestionPopup::setAutoSelectEnabled | ( | bool | enabled | ) |
When the popup is opened the first item is automatically selected.
This cannot be changed after the widget is rendered. The default value is true.
void Wt::WSuggestionPopup::setDefaultIndex | ( | int | row | ) |
Sets a default selected value.
row
is the model row that is selected by default (only if it matches the current input).
The default value is -1, indicating no default.
void Wt::WSuggestionPopup::setDropDownIconUnfiltered | ( | bool | isUnfiltered | ) |
When drop down icon is clicked the popup content will be unfiltered.
void Wt::WSuggestionPopup::setEditRole | ( | ItemDataRole | role | ) |
Sets the role used for editing the line edit with a chosen item.
The default value is ItemDataRole::User.
void Wt::WSuggestionPopup::setFilterLength | ( | int | count | ) |
Sets the minimum input length before showing the popup.
When the user has typed this much characters, filterModel() is emitted which allows you to filter the model based on the initial input. The filtering is done as long as the model indicates that results are partial by setting a ItemDataRole::StyleClass of "Wt-more-data" on the last item.
The default value is 0.
A value of -1 is a equivalent to 0 but filtering is always applied as if the last item always has "Wt-more-data" (for backwards compatibility)
void Wt::WSuggestionPopup::setModel | ( | const std::shared_ptr< WAbstractItemModel > & | model | ) |
Sets the model to be used for the suggestions.
The model
may not be 0
.
The default value is a WStringListModel that is owned by the suggestion popup.
The Wt::ItemDataRole::Display is used for the suggestion text. The editRole() is used for the suggestion value, unless empty, in which case the suggestion text is used as value.
void Wt::WSuggestionPopup::setModelColumn | ( | int | index | ) |
Sets the column in the model to be used for the items.
The column index
in the model will be used to retrieve data.
The default value is 0.
void Wt::WSuggestionPopup::showAt | ( | WFormWidget * | edit | ) |
Shows the suggestion popup at an edit field.
This is equivalent to the user triggering the suggestion popup to be shown.