---
metadata:
  - name: generator
    content: Diplodoc Platform v5.63.0
alternate:
  - en/charts/editor/add-js-selector
  - ru/charts/editor/add-js-selector
  - href: ru/charts/editor/add-js-selector.md
    type: text/markdown
    title: Markdown version
csp:
  - script-src:
      - https://mc.yandex.ru
    img-src:
      - https://mc.yandex.ru
    connect-src:
      - https://mc.yandex.ru
      - wss://mc.yandex.ru
    child-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-src:
      - 'blob:'
      - https://mc.yandex.ru
    frame-ancestors:
      - 'blob:'
      - https://mc.yandex.ru
canonical: ru/charts/editor/add-js-selector.html
title: Добавление селектора JS на дашборд
description: Из статьи вы узнаете, как добавить селектор JS на дашборд.
vcsPath: ru/charts/editor/add-js-selector.md
---

# Добавление селектора JS на дашборд


Чтобы добавить [селектор](./widgets/controls.md) на дашборд:

1. На панели слева нажмите <!-- diplodoc:svg ![image](../../_assets/console-icons/layout-cells-large.svg) --><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 3.5H8.75v3.75h4.75V5A1.5 1.5 0 0 0 12 3.5m1.5 5.25H8.75v3.75H12a1.5 1.5 0 0 0 1.5-1.5zm-6.25-1.5V3.5H4A1.5 1.5 0 0 0 2.5 5v2.25zM2.5 8.75h4.75v3.75H4A1.5 1.5 0 0 1 2.5 11zM4 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3z" clip-rule="evenodd"/></svg> **Дашборды** и выберите нужный дашборд.
1. В верхней части страницы нажмите **Редактировать**.
1. На панели в нижней части страницы выберите виджет **Селектор (JS)**.

   ![image](../../_assets/datalens/editor/widget-select-js.png)

1. Укажите параметры селектора:

   * **Заголовок** — используется для выбора селектора при установлении связи с другими виджетами.
   * **Источник** — задает селектор, созданный в Editor. Выберите селектор:

     {% list tabs %}

     - Из списка объектов

       Нажмите **Выбрать** и выберите селектор из списка объектов. Если селектор уже выбран, вы можете перейти к его редактированию. Для этого нажмите **Открыть** справа от селектора.

     - По ссылке

       Нажмите **Указать ссылку**. В поле ввода вставьте ссылку на нужный селектор и ниже нажмите **OK**.

     {% endlist %}



   * **Автовысота** — включает автоматическую высоту для виджета на дашборде.
   * **Параметры** — устанавливает список параметров селектора и их значения по умолчанию. Для корректной работы виджета укажите здесь параметры селектора, перечисленные на вкладке [Params](./tabs.md#params).

     ![selector-js](../../_assets/datalens/editor/selector-js-params.png)

1. Нажмите **Сохранить**. Виджет отобразится на дашборде.