Class: SeparatorView

SeparatorView()

Text that separates selected terms in a search select dropdown, such as "AND" or "OR". These may be used to represent boolean operators in a search query. The separator can be clicked to toggle between possible values set in the SearchSelect model.

Screenshot

Constructor

new SeparatorView()

Since:
  • 2.31.0
Source:

Extends

  • Backbone.View

Members

className

Source:

mouseEnterCallback :function

Callback function to run when the user hovers. If not set, the default behavior is to highlight the separator.
Type:
  • function
Source:

mouseOutCallback :function

Callback function to run when the user stops hovering. If not set, the default behavior is to unhighlight the separator.
Type:
  • function
Source:

tagName

Source:

tooltipSettings :object|boolean

Settings is passed to the Formantic UI popup module to configure a tooltip shown when the user hovers over the separator. Set to `false` to disable tooltips.
Type:
  • object | boolean
Source:
See:

type

Source:

Methods

activate()

Add event listeners to the element to allow the user to change the separator text by clicking on it. Add visual indicators to show that the separator is clickable.
Source:

addTooltip()

Create and attach a tooltip
Source:

deactivate()

Remove event listeners and visual indicators
Source:

highlight()

Visually emphasize the separator
Source:

initialize()

Source:

remove()

Source:

render()

Source:

setText()

Update the text of the separator element to match the model
Source:

unhighlight()

Visually de-emphasize the separator
Source:

updateText()

Update the text shown in the separator element
Source: