Class
caplin.presenter.control.selectionfield

JQueryAutoCompleteControl

Provides an input box that supports auto complete when used in conjunction with a caplin.presenter.node.AutoCompleteSelectionField.

The jQuery auto complete control is aliased by br.autocomplete-box, and can be used within templates as follows:

  <span data-bind="controlNode:autoCompleteSelectionFieldProperty, control:'br.autocomplete-box'"></span>

You can also use an exsisting text input element and avoid having an extra container element around the control:

  <input type="text" data-bind="controlNode:autoCompleteSelectionFieldProperty, control:'br.autocomplete-box'"/>

Options: openOnFocus - Show the auto complete selection on input focus (true|false). Defaults to false. appendTo - Specify the jquery selector of the element that the menu should be appended to. minCharAmount - Specify the minimun amount of characters to be typed before the autocomplete menu is displayed. Default is 0.

Constructor Summary

Attributes Name and Description
caplin.presenter.control.selectionfield.JQueryAutoCompleteControl()

Methods inherited from class caplin.presenter.control.ControlAdaptor:
destroy, getElement, onViewReady, setElement, setOptions, setPresentationNode
Methods inherited from class caplin.presenter.property.PropertyListener:
onPropertyChanged, onPropertyUpdated, onValidationComplete, onValidationError, onValidationSuccess

Constructor Detail

caplin.presenter.control.selectionfield.JQueryAutoCompleteControl()

See
caplin.presenter.node.AutoCompleteSelectionField