Skip to content

Commit

Permalink
[fix] Form Controls links fixed
Browse files Browse the repository at this point in the history
  • Loading branch information
alex committed May 7, 2021
1 parent 3b872c0 commit dad7cc4
Show file tree
Hide file tree
Showing 20 changed files with 36 additions and 57 deletions.
1 change: 1 addition & 0 deletions docs/combobox/api/api_overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ title: Combobox API overview
| [](combobox/api/combobox_paint_method.md) | @getshort(combobox/api/combobox_paint_method.md) |
| [](combobox/api/combobox_setstate_method.md) | @getshort(combobox/api/combobox_setstate_method.md) |
| [](combobox/api/combobox_setvalue_method.md) | @getshort(combobox/api/combobox_setvalue_method.md) |
| [](combobox/api/combobox_focus_method.md) | @getshort(combobox/api/combobox_focus_method.md) |

:::info important
Use [DataCollection methods](data_collection/index.md) to work with data.
Expand Down
11 changes: 2 additions & 9 deletions docs/combobox/api/combobox_focus_method.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,8 @@ title: focus

@example:
combo.focus();
@examplestop:



@descr:
**Related sample**: [Combobox. Focus](https://snippet.dhtmlx.com/hp6b5sxe)

@related: combobox/work_with_combo.md#settingfocus


**Related sample**:
- [Combobox. Focus](https://snippet.dhtmlx.com/hp6b5sxe)


6 changes: 1 addition & 5 deletions docs/form/api/combo/combo_getwidget_method.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,16 +14,12 @@ param object the dhtmlxCombo widget
var combo = form.getItem("combo").getWidget();
// -> dhtmlxComboBox



@descr:
It is possible to use methods of dhtmlxComboBox via the **getWidget()** method of a Combo control.

For example, you can set focus in the Combo input without opening a popup with options. To do this, you need to get the widget attached to the Combo control and then use the [focus()](combo/api/combobox_focus_method.md) method of this widget.
For example, you can set focus in the Combo input without opening a popup with options. To do this, you need to get the widget attached to the Combo control and then use the [focus()](combobox/api/combobox_focus_method.md) method of this widget.

~~~js
var combo = form.getItem("combo_id").getWidget(); // -> ComboBox
combo.focus(); // sets focus in the input
~~~


3 changes: 1 addition & 2 deletions docs/form/api/form_getitem_method.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,7 @@ title: getItem

@example:
form.getItem("colorpicker").setValue("#02F7C6");


@examplestop:

**Related samples**:
- [Form. Get Control Value](https://snippet.dhtmlx.com/q3u16v01)
Expand Down
7 changes: 2 additions & 5 deletions docs/form/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,6 @@ A simple button that can have an icon. Button can be *twoState* and can have a b

## Adding Button


You can easily add a Button control during initialization of a form:

~~~js
Expand All @@ -35,7 +34,7 @@ View [the full list of configuration properties of the Button control](form/api/

## Working with Button

You can manipulate a Button control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Button control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can disable a control on a page:

Expand All @@ -47,8 +46,6 @@ form.getItem("button").disable();

Check [the full list of methods of the Button control](form/api/api_overview.md#button-methods).


### Events

Check [the full list of events of the Button control](form/api/api_overview.md#button-events)

Check [the full list of events of the Button control](form/api/api_overview.md#button-events).
5 changes: 2 additions & 3 deletions docs/form/calendar.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,10 +32,9 @@ var form = new dhx.Form("form_container", {

View [the full list of configuration properties of the Datepicker control](form/api/calendar/api_calendar_properties.md).


## Working with DatePicker

You can manipulate a DatePicker control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a DatePicker control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -57,7 +56,7 @@ Check [the full list of events of the Datepicker control](form/api/api_overview.

## Working with the dhtmlxCalendar widget

There is a possibility to use methods of dhtmlxCalendar via the **getWidget()** method of a DatePicker control.
There is a possibility to use methods of dhtmlxCalendar via the [getWidget()](form/api/calendar/calendar_getwidget_method.md) method of a DatePicker control.

For example, you can show the current month in the control. To do this, you need to get the widget attached to the DatePicker control and then use the [showDate()](calendar/api/calendar_showdate_method.md) method of this widget.

Expand Down
2 changes: 1 addition & 1 deletion docs/form/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ View [the full list of configuration properties of the Checkbox control](form/ap

## Working with Checkbox

You can manipulate a Checkbox control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Checkbox control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand Down
4 changes: 2 additions & 2 deletions docs/form/checkboxgroup.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ Check [the full list of configuration properties of a Checkbox of the CheckboxGr

## Working with CheckboxGroup

You can manipulate a CheckboxGroup control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a CheckboxGroup control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can hide a control on a page:

Expand All @@ -74,4 +74,4 @@ Check [the full list of methods of the CheckboxGroup control](form/api/api_overv

### Events

Check [the full list of events of the CheckboxGroup control](form/api/api_overview.md#checkboxgroup-events).
Check [the full list of events of the CheckboxGroup control](form/api/api_overview.md#checkboxgroup-events).
5 changes: 2 additions & 3 deletions docs/form/colorpicker.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ View [the full list of configuration properties of the Colorpicker control](form

## Working with ColorPicker

You can manipulate a ColorPicker control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a ColorPicker control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -52,10 +52,9 @@ Check [the full list of methods of the ColorPicker control](form/api/api_overvie

Check [the full list of events of the ColorPicker control](form/api/api_overview.md#color-picker-events).


## Working with the dhtmlxColorPicker widget

There is a possibility to use methods of dhtmlxColorPicker via the **getWidget()** method of a ColorPicker control.
There is a possibility to use methods of dhtmlxColorPicker via the [getWidget()](form/api/colorpicker/colorpicker_getwidget_method.md) method of a ColorPicker control.

For example, you can set focus on the specified value in the control. To do this, you need to get the widget attached to the ColorPicker control and then use the [setFocus()](colorpicker/api/colorpicker_setfocus_method.md) method of this widget.

Expand Down
8 changes: 4 additions & 4 deletions docs/form/combo.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ View [the full list of configuration properties of the Combo control](form/api/c

## Working with Combo

You can manipulate a Combo control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Combo control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -65,11 +65,11 @@ Check [the full list of events of the Combo control](form/api/api_overview.md#co

### Working with the dhtmlxComboBox widget

There is a possibility to use methods of dhtmlxCombobox via the **getWidget()** method of a Combo control.
There is a possibility to use methods of dhtmlxCombobox via the [getWidget()](form/api/combo/combo_getwidget_method.md) method of a Combo control.

For example, you can set focus in the Combo input without opening a popup with options. To do this, you need to get the widget attached to the Combo control and then use the [focus()](combo/api/combobox_focus_method.md) method of this widget.
For example, you can set focus in the Combo input without opening a popup with options. To do this, you need to get the widget attached to the Combo control and then use the [focus()](combobox/api/combobox_focus_method.md) method of this widget.

~~~js
var combo = form.getItem("combo").getWidget(); // -> ComboBox
combo.focus(); // sets focus in the input
~~~
~~~
4 changes: 2 additions & 2 deletions docs/form/input.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ View [the full list of configuration properties of the Input control](form/api/i

## Working with Input

You can manipulate a Input control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate an Input control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -49,4 +49,4 @@ Check [the full list of methods of the Input control](form/api/api_overview.md#i

### Events

Check [the full list of events of the Input control](form/api/api_overview.md#input-events).
Check [the full list of events of the Input control](form/api/api_overview.md#input-events).
4 changes: 2 additions & 2 deletions docs/form/radiogroup.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ View [the full list of properties](form/api/radiogroup/api_radiogroup_properties

## Working with RadioGroup

You can manipulate a RadioGroup control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a RadioGroup control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -73,4 +73,4 @@ Check [the full list of methods of the RadioGroup control](form/api/api_overview

### Events

Check [the full list of events of the RadioGroup control](form/api/api_overview.md#radiogroup-events).
Check [the full list of events of the RadioGroup control](form/api/api_overview.md#radiogroup-events).
4 changes: 2 additions & 2 deletions docs/form/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ View [the full list of configuration properties of the Select control](form/api/

## Working with Select

You can manipulate a Select control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Select control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -68,4 +68,4 @@ Check [the full list of methods of the Select control](form/api/api_overview.md#

### Events

Check [the full list of events of the Select control](form/api/api_overview.md#select-events).
Check [the full list of events of the Select control](form/api/api_overview.md#select-events).
6 changes: 2 additions & 4 deletions docs/form/simplevault.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ View [the full list of configuration properties of the SimpleVault control](form

## Working with SimpleVault

You can manipulate a SimpleVault control by using methods ([events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a SimpleVault control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand Down Expand Up @@ -66,8 +66,6 @@ form.getItem("simpleVault").data.remove("file_id");
form.getItem("simpleVault").data.removeAll();
~~~

{{note Check the full list of [Data Collection API](https://docs.dhtmlx.com/vault/api__refs__data_methods.html).}}

## Uploading files

You can read about uploading files into a SimpleVault control in the [related article](https://docs.dhtmlx.com/vault/uploading_files.html).
You can read about uploading files into a SimpleVault control in the [related article](https://docs.dhtmlx.com/vault/uploading_files.html).
6 changes: 2 additions & 4 deletions docs/form/slider.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ View [the full list of configuration properties of the Slider control](form/api/

## Working with Slider

You can manipulate a Slider control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Slider control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -49,15 +49,13 @@ Check [the full list of methods of the Slider control](form/api/api_overview.md#

Check [the full list of events of the Slider control](form/api/api_overview.md#slider-events).


### Working with the dhtmlxSlider widget

There is a possibility to use methods of dhtmlxSlider via the **getWidget()** method of a Slider control.
There is a possibility to use methods of dhtmlxSlider via the [getWidget()](form/api/slider/slider_getwidget_method.md) method of a Slider control.

For example, you can disable a Slider control. To do this, you need to get the widget attached to the Slider control and then use the [disable()](slider/api/slider_disable_method.md) method of this widget.

~~~js
var slider = form.getItem("slider_id").getWidget(); // -> dhtmlxSlider
slider.disable(); // disables slider
~~~

2 changes: 1 addition & 1 deletion docs/form/spacer.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ View [the full list of configuration properties of the Spacer control](form/api/

## Working with Spacer

You can manipulate a Spacer control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Spacer control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can hide the control:

Expand Down
5 changes: 2 additions & 3 deletions docs/form/text.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ View [the full list of configuration properties of the Text control](form/api/te

## Working with Text

You can manipulate a Text control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Text control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -44,7 +44,6 @@ var value = form.getItem("text").getValue();

Check [the full list of methods of the Text control](form/api/api_overview.md#text-methods).


### Events

Check [the full list of events of the Text control](form/api/api_overview.md#text-events).
Check [the full list of events of the Text control](form/api/api_overview.md#text-events).
5 changes: 2 additions & 3 deletions docs/form/textarea.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ View [the full list of configuration properties of the Textarea control](form/ap

## Working with Textarea

You can manipulate a Textarea control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a Textarea control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -48,7 +48,6 @@ var value = form.getItem("textarea").getValue();

Check [the full list of methods of the Textarea control](form/api/api_overview.md#textarea-methods).


### Events

Check [the full list of events of the Textarea control](form/api/api_overview.md#textarea-events).
Check [the full list of events of the Textarea control](form/api/api_overview.md#textarea-events).
4 changes: 2 additions & 2 deletions docs/form/timepicker.md
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ View [the full list of configuration properties of the TimePicker control](form/

## Working with TimePicker

You can manipulate a TimePicker control by using methods (or [events](#eventhandling)) of the object returned by the [getItem()](form/api/form_getitem_method.md) method.
You can manipulate a TimePicker control by using methods or events of the object returned by the [getItem()](form/api/form_getitem_method.md) method.

For example, you can get the value of the control:

Expand All @@ -56,7 +56,7 @@ Check [the full list of events of the Timepicker control](form/api/api_overview.

### Working with the dhtmlxTimePicker widget

There is a possibility to use methods of dhtmlxTimePicker via the **getWidget()** method of a TimePicker control.
There is a possibility to use methods of dhtmlxTimePicker via the [getWidget()](form/api/timepicker/timepicker_getwidget_method.md) method of a TimePicker control.

For example, you can set value for a TimePicker control. To do this, you need to get the widget attached to the TimePicker control and then use the [setValue()](timepicker/api/timepicker_setvalue_method.md) method of this widget.

Expand Down
1 change: 1 addition & 0 deletions sidebars.js
Original file line number Diff line number Diff line change
Expand Up @@ -325,6 +325,7 @@ module.exports = {
"combobox/api/combobox_paint_method",
"combobox/api/combobox_setstate_method",
"combobox/api/combobox_setvalue_method",
"combobox/api/combobox_focus_method",
],
},
{
Expand Down

0 comments on commit dad7cc4

Please sign in to comment.