Examples of com.extjs.gxt.ui.client.widget.form.TimeField

com.extjs.gxt.ui.client.widget.form.TimeField

Provides a time input field with a time dropdown and automatic time validation.

The model used by TimeField is @link {@link Time}. An instance of Time is used with {@link #setValue} and {@link #getValue}. Use {@link #setDateValue(Date)} and {@link #getDateValue()} to work with Dates.When using dates, the Time instance will match exact matches of hours and Minutes and will match times between to entries. Code Snippet.

 TimeField field = new TimeField(); DateWrapper wrap = new DateWrapper(1970, 1, 1); wrap = wrap.clearTime(); wrap = wrap.addHours(4); field.setMinValue(wrap.asDate()); field.setDateValue(new Date()); Time time = field.getValue(); Date d = time.getDate(); Time match = field.findModel(new Date()); field.setValue(match);

Events:

Expand : FieldEvent(field)

Fires when the dropdown list is expanded.

field : this

Collapse : FieldEvent(field)

Fires when the dropdown list is collapsed.

field : this

BeforeSelect : FieldEvent(field)

Fires before a list item is selected.

component : this

Select : FieldEvent(field)

Fires when a list item is selected.

field : this

Inherited Events:: Field Focus; Field Blur; Field Change; Field Invalid; Field Valid; Field KeyPress; Field SpecialKey; TriggerField TriggerClick

@see Time

    date.setFieldLabel("Birthday");
    date.addPlugin(plugin);
    date.setData("text", "Enter your birthday");
    simple.add(date, formData);


    TimeField time = new TimeField();
    time.setFieldLabel("Time");
    time.addPlugin(plugin);
    time.setData("text", "Enter the time");
    simple.add(time, formData);


    Slider slider = new Slider();
    slider.setMinValue(40);
    slider.setMaxValue(90);


    DateField date = new DateField();
    date.setFieldLabel("Birthday");
    simple.add(date, formData);


    TimeField time = new TimeField();
    time.setFieldLabel("Time");
    simple.add(time, formData);


    Slider slider = new Slider();
    slider.setMinValue(40);
    slider.setMaxValue(90);

Examples of com.extjs.gxt.ui.client.widget.form.TimeField

Related Classes of com.extjs.gxt.ui.client.widget.form.TimeField