Home Reference Source
public class | source

TextField

Extends:

react~React.ComponentControl → TextField

Constructor Summary

Public Constructor
public

Member Summary

Public Members
public
public

state: {...undefined: Object, "newValue": *}

Method Summary

Public Methods
public

handleChange(value: *)

public

handleSubmit(value: *)

public

render(): *

Inherited Summary

From class Control
public static

BLUR_DIRECTION indicates the direction a onBlur() should move focus to next.

public static

buildControlForComponent(type: *, props: *, children: *): *

public static

componentHasChildren(component: *): *

Checks a React component to see if it has any children in props.

public static

firstFocusableControlOf(controlOrComponent: *): *

public static

isControl(anyComponentOrClass: *): *

Returns a boolean which indicates if the provided anyComponentOrClass parameter is an instance of Control (if passed an object) or a class derived from Control (if passed a function) or a component derived from Control.

public static

isReactComponent(anyComponentOrClass: *): *

Returns a boolean which indicates if the provided anyComponentOrClass parameter is an instance of React.Component (if passed an object) or a class derived from React.Component (if passed a function) or a component derived from React.Component.

public static

lastFocusableChild(controlOrComponent: *): *

public static
public static
public static

wrapComponent(component: *): *

public
public

state: {...undefined: Object, "canIReachThisState": string}

public

blur()

In a command line interface, where focusable controls exist (think Visual Basic for DOS) to get an idea of the concept, we can't completely blur out of EVERY single control.

Something is always going to ALWAYS need to be accept / capture input, be it a Button or TextField or a Menu or a Tab or Tree. But the concept of the Control component is that it can easily allow focus to shift from one component to the next, and allow those components which extend the Control class to easily display one type of blurred output while accepting input once focused.

In order to guarantee this, blur will locate the forward (or reverse component) and 'select' it instead.

public

canBlur(): *

Returns a boolean which indicates if the Control instance is un-focusable.

public

canFocus(): *

Returns a boolean which indicates if a Control instance is focusable.

public
public
public

focus()

public
public

isBlurred(): *

The isBlurred() method returns the inverse of the isFocused() method.

public

isDisabled(): *

The isDisabled() method returns a boolean which indicates the value of the disabled property as passed into the component.

public

isEnabled(): *

The isEnabled() method returns the inverse value of the isDisabled() method.

public

The isFocusable() method returns a boolean which indicates the value of the field, focusable.

public

isFocused(): *

The isFocused() method returns a boolean which indicates the value of the focused property as passed into the component, as long as it is not disabled.

public

render(): *

Public Constructors

public constructor() source

Override:

Control#constructor

Public Members

public focusable: boolean source

Override:

Control#focusable

public state: {...undefined: Object, "newValue": *} source

Override:

Control#state

Public Methods

public handleChange(value: *) source

Params:

NameTypeAttributeDescription
value *

public handleSubmit(value: *) source

Params:

NameTypeAttributeDescription
value *

public render(): * source

Override:

Control#render

Return:

*