Categories

.uiInput()

Categories: UI

.uiInput( [ options ] )

Subclass: ep

Inherit: (Subclass: ep) .widget()

Plugin: ep.ui.input

Description: Advanced handling for input elements.

  • .uiInput( [ options ] )

    version added: 6.11.0

    options   A map of additional options pass to the method.

The .uiInput() method add advanced handling to a input elements.

  • Apply .uiInput() to all input element and set autofocus to the first matched element.

    Code:
    ep(':input')
        .first()
            .uiInput({autofocus: true})
        .end()
        .not(':first')
            .uiInput()
        .end();
    
    
  • placeholder

    version added: 6.11.0

    A text as placeholder.

  • info

    version added: 6.11.0

    A info text show as tooltip if the element has focus.

  • autofocus

    version added: 6.11.0

    A boolean indication wether the element gets focus on page load.

    Default: false

  • big

    version added: 6.11.0

    A boolean indication wether the element display bigger than the normal one.

    Default: false

  • orientation

    version added: 6.14.1

    A string ('right', 'left', 'top' or 'bottom') to decide in which direction tooltipps will be shown.

    Default: 'right'

  • changeValue

    version added: 6.11.0

    This event is triggered when the value is changed.

  • addClass

    • .uiForm( 'addClass', className )

      version added: 6.11.0

      className   One or more class names to be added to the class attribute of each matched element.

    The .uiInput() method wraps an element around the input, the addClass add classes to the wrap element.

  • removeClass

    • .uiForm( 'removeClass', className )

      version added: 6.11.0

      className   A class name to be removed from the class attribute of each matched element.

    The .uiInput() method wraps an element around the input, the removeClass removes classes from the wrap element.