<commit_before>---
layout: doc
title: "ListBox"
position: 1018
---

Список.

# Extends

[`ListEditorBase`](../ListEditorBase/)

# Syntax

```js
new ListBox(parent, viewMode)
```

## Parameters

|Name|Type|Description|
|----|----|-----------|
|parent|[`Element`](../../Core/Elements/Element)|Родительский элемент|
|viewMode|`String`|Строка со значением [режима отображения](../../Core/viewMode/). Может принимать значения: 'common', 'base', 'checking'. Если указать значение 'checking', то отобразится [список радиокнопок](../RadioGroup/)|


# Usage

Посмотрим, как выглядят различные режимы отображения ListBox.

```js

//js-demo
var simpleItemTemplate = function (context, args) {
    var label = new Label();
    label.setValue(args.item);
    return label;
};

function createListBox (openMode, isMultiSelect){
	listBox = new ListBox(null, openMode);
	listBox.getItems().reset(['1', '2',	'3']);
	listBox.setItemTemplate(simpleItemTemplate);
	listBox.setMultiSelect(isMultiSelect);

    $listBox = listBox.render();
	$elementForExample.append($listBox);
}<commit_msg>fix ListBox<commit_after>---
layout: doc
title: "ListBox"
position: 1018
---

Список.

# Extends

[`ListEditorBase`](../ListEditorBase/)

# Syntax

```js
new ListBox(parent, viewMode)
```

## Parameters

|Name|Type|Description|
|----|----|-----------|
|parent|[`Element`](../../Core/Elements/Element)|(Необязательный) Родительский элемент|
|viewMode|`String`|Строка со значением [режима отображения](../../Core/viewMode/). Может принимать значения: 'common', 'base', 'checking'. Если указать значение 'checking', то отобразится [список радиокнопок](../RadioGroup/)|


# Usage

Посмотрим, как выглядят различные режимы отображения ListBox.

```js

//js-demo
var simpleItemTemplate = function (context, args) {
    var label = new Label();
    label.setValue(args.item);
    return label;
};

function createListBox (openMode, isMultiSelect){
	listBox = new ListBox(null, openMode);
	listBox.getItems().reset(['1', '2',	'3']);
	listBox.setItemTemplate(simpleItemTemplate);
	listBox.setMultiSelect(isMultiSelect);

    $listBox = listBox.render();
	$elementForExample.append($listBox);
}
{'fraction_non_alphanumeric': 0.18300046446818394, 'fraction_numerical': 0.006502554575011612, 'mean_word_length': 4.683377308707124, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4991868', 'n_tokens_mistral': 787, 'n_tokens_neox': 797, 'n_words': 154}