Форум

Методология

Инструментарий

Платформа

Сообщество

desktop
touch-pad
touch-phone

attach

Используется для выбора файла, предназначенного для отправки на сервер.

Обзор блока

Модификаторы блока

Модификатор Допустимые значения Способы использования Описание
disabled true BEMJSON, JS Неактивное состояние.
focused true BEMJSON, JS Фокус на блоке.
theme 'islands' BEMJSON Стилевое оформление.
size 's', 'm', 'l', 'xl' BEMJSON Размер блока.

Специализированные поля блока

Поле Тип Описание
name String Уникальное имя блока.
button String, BEMJSON Содержимое кнопки для выбора файла.
noFileText String Текст сообщения, когда файл не выбран.

Описание блока

По умолчанию блок attach визуально представлен:

  • кнопкой (button), вызывающей системное окно загрузки файла;
  • текстовым сообщением.

После выбора файла отображаются:

  • имя файла (элемент text);
  • крестик для отмены выбора (элемент clear).

Реализация блока не позволяет:

  • прикреплять несколько файлов;
  • перетаскивать элементы (drag-and-drop).

Модификаторы блока

Модификатор disabled

Допустимое значение: true.

Способы использования: BEMJSON, JS.

Отвечает за неактивное состояние, при котором блок виден, но недоступен для действий пользователя.

Open in a new window

Модификатор focused

Допустимое значение: true.

Способы использования: BEMJSON, JS.

Отвечает за наличие фокуса на блоке.

Выставляется автоматически при получении блока фокуса.

{
    block : 'attach',
    mods : { theme : 'islands', size : 'm', focused : true },
    button : 'Выберите файл',
    noFileText : 'Файл не выбран'
}

Способ установки фокуса на блок определяет выбор модификатора: focused или focused-hard. Читать подробности.

Модификатор theme

Допустимое значение: 'islands'.

Способ использования: BEMJSON.

Отвечает за стилевое оформление блока.

Необходимо использовать с модификатором size.

Open in a new window

Модификатор size

Допустимое значение: 's', 'm', 'l', 'xl'.

Способ использования: BEMJSON.

Задает размер блоку.

Необходимо использовать с модификатором theme.

s

Open in a new window

m

Open in a new window

l

Open in a new window

xl

Open in a new window

Специализированные поля блока

Поле name

Тип: String.

Определяет уникальное имя блока.

Open in a new window

Поле button

Тип: String, BEMJSON.

Определяет содержимое кнопки для выбора файла:

  • задает текст кнопки (String)
Open in a new window
  • задает внешний вид и тип кнопки (BEMJSON)
Open in a new window

Поле noFileText

Тип: String.

Определяет текст сообщения, когда файл не выбран.

Open in a new window
Instance methods:
clear

Block attach

Augments:control

Instance methods:

clear([data]):attach
description
Clear control value
parameters
data
Object
additional data