Страница не найдена (ошибка 404)
PHP
|
|
HTML/CSS
|
|
JS/jQuery
htaccess
Bootstrap
Программы
Разное
Справочники
|
|
Страница не найдена (ошибка 404)
PHP
|
|
HTML/CSS
|
|
JS/jQuery
htaccess
Bootstrap
Программы
Разное
Справочники
|
|
Документация по радиокнопкам для JQuery
Версия 4. 10.10 для JQuery
Радиокнопки
Mobiscroll включает в себя несколько предопределенных цветовых пресетов, каждый из которых служит своей собственной семантической цели
<метка> Начальный <метка> Среднее <метка> Успех <метка> Опасность <метка> Предупреждение <метка> Информация
Атрибуты
Имя | Описание |
---|---|
проверено | Если элемент ввода имеет атрибут checked , этот элемент будет предварительно выбран (проверен) при загрузке страницы. |
расширение данных | Если элемент формы имеет атрибут data-enhance="false" , конкретный элемент не будет улучшен. |
отключен | Если элемент имеет атрибут disabled , элемент будет отключен. |
Многие другие примеры — простые и сложные варианты использования — см. Демонстрации радиокнопок для jquery.
Тема радиокнопки
Глобальные переменные радиокнопки
Ниже вы найдете список переменных SASS, влияющих на радиокнопку:
Имя переменной | Описание |
---|---|
$mbsc-форма-фоновый свет | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$ mbsc-form-фон-темный | |
$mbsc-форма-текст-свет | Влияет на этикетку
цвет переключателя. Это также влияет на другие компоненты: Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
$mbsc-форма-текст-темный | |
$mbsc-форма-акцент-свет | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
$mbsc-форма-акцент-темный |
Если вы действительно хотите стать более изощренным или если цвет не подходит для определенной темы, и вы хотите перезаписать его, вы можете точно настроить все вышеперечисленные переменные индивидуально для каждой темы. Ниже приведен полный список переменных с разбивкой по темам:
Тема iOS
Следующие переменные относятся к светлому варианту темы iOS:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-ios-form-фон | #фффффф | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, прогресс, сегментация, степпер и группы |
$mbsc-ios-форма-текст | #000000 | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, прогресс, сегментация, степпер и группы |
$mbsc-ios-форма-акцент | #1273де | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Progress, Segmented, Stepper и Groups. |
Темная тема iOS
Следующие переменные относятся к темному варианту темы iOS:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-ios-темный-фон-формы | #0f0f0f | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, прогресс, сегментация, степпер и группы |
$mbsc-ios-темная форма-текст | #фффффф | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, прогресс, сегментация, степпер и группы |
$mbsc-ios-темная форма-акцент | #de7a13 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Progress, Segmented, Stepper и Groups. |
Тема Windows
Следующие переменные относятся к светлому варианту темы Windows:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-windows-form-фон | #фффффф | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-windows-form-текст | №262626 | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-windows-form-accent | #0078d7 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
Темная тема Windows
Следующие переменные относятся к темному варианту темы Windows:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-windows-темный-фон-формы | #000000 | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-windows-темная-форма-текст | #фффффф | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-windows-темная форма-акцент | #0078d7 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
Тема материала
Следующие переменные относятся к светлому варианту темы материала:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-материал-форма-фон | #ееееее | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-материал-форм-текст | #6d6d6d | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-материал-форма-акцент | #019687 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
Темная тема материала
Следующие переменные относятся к темному варианту темы материала:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-материал-темный-фон-формы | #303030 | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-материал-темная-форма-текст | #d4d4d4 | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-материал-темная-форма-акцент | #81ccc4 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
Тема Mobiscroll
Следующие переменные относятся к облегченному варианту темы Mobiscroll:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-mobiscroll-form-фон | #f7f7f7 | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-mobiscroll-форма-текст | №454545 | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-mobiscroll-форма-акцент | #4fccc5 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
Темная тема Mobiscroll
Следующие переменные относятся к темному варианту темы Mobiscroll:
Имя переменной | Значение по умолчанию | Описание |
---|---|---|
$mbsc-mobiscroll-темный-фон-формы | #263239 | Влияет на цвет фона радиокнопки вместе с Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-mobiscroll-темный-форм-текст | #f7f7f7 | Влияет на цвет метки радиокнопки. Это также влияет на другие компоненты: Флажок, переключатель, кнопка, ползунок, прогресс, сегментация, степпер, рейтинг и группы |
$mbsc-mobiscroll-темная форма-акцент | #4fccc5 | Влияет на акцентный цвет радиокнопки вместе с элементами управления Checkbox, Switch, Button, Slider, Progress, Segmented, Stepper, Rating и Groups. |
Если вы ищете общие переменные формы и то, как они влияют на форму в целом, ознакомьтесь с таблицами и изображениями здесь.
Документация: DevExtreme — JavaScript Radiogroup
RadioGroup — это компонент пользовательского интерфейса, который содержит набор переключателей и позволяет конечному пользователю сделать один выбор из набора.
Входит в состав: dx.web.js, dx.all.js
импортировать RadioGroup из «devextreme/ui/radio_group»
Посмотреть демонстрацию Читать руководства
См. также
- Настройка DevExtreme : Angular | Вью | Реагировать | jQuery | УгловойJS | Нокаут
- Настройка компонента пользовательского интерфейса : Angular | Вью | Реагировать | jQuery | УгловойJS | Нокаут
Объект, определяющий свойства конфигурации для компонента пользовательского интерфейса RadioGroup.
Имя | Описание |
---|---|
ключ доступа | Указывает сочетание клавиш, которое устанавливает фокус на компонент пользовательского интерфейса. |
активстатеэнаблед | Указывает, изменяет ли компонент пользовательского интерфейса свое визуальное состояние в результате взаимодействия с пользователем. |
источник данных | Привязывает компонент пользовательского интерфейса к данным. |
отключен | Указывает, реагирует ли компонент пользовательского интерфейса на действия пользователя. |
displayExpr | Указывает поле данных, значения которого должны отображаться. |
атрибут элемента | Указывает глобальные атрибуты, которые должны быть присоединены к элементу-контейнеру компонента пользовательского интерфейса. |
focusStateEnabled | Указывает, можно ли сфокусировать компонент пользовательского интерфейса с помощью навигации с помощью клавиатуры. |
высота | Задает высоту компонента пользовательского интерфейса. |
подсказка | Задает текст для подсказки, которая появляется, когда пользователь делает паузу в компоненте пользовательского интерфейса. |
hoverStateEnabled | Указывает, изменяет ли компонент пользовательского интерфейса свое состояние, когда пользователь делает на нем паузу. |
Действительно | Указывает или указывает, допустимо ли значение редактора. |
элементКомпонент | Псевдоним для свойства itemTemplate, указанного в React. Принимает пользовательский компонент. Дополнительные сведения см. в разделе Использование пользовательского компонента. |
элементRender | Псевдоним для свойства itemTemplate, указанного в React. Принимает функцию рендеринга. Дополнительные сведения см. в разделе Использование функции рендеринга. |
штук | Массив элементов, отображаемых компонентом пользовательского интерфейса. |
шт.Шаблон | Задает пользовательский шаблон для элементов. |
макет | Задает макет группы радио. |
имя | Значение, которое будет присвоено атрибуту |
onContentReady | Функция, которая выполняется при визуализации компонента пользовательского интерфейса и каждый раз при перерисовке компонента. |
при утилизации | Функция, которая выполняется перед удалением компонента пользовательского интерфейса. |
при инициализации | Функция, используемая в платформах JavaScript для сохранения экземпляра компонента пользовательского интерфейса. |
onOptionChanged | Функция, которая выполняется после изменения свойства компонента пользовательского интерфейса. |
onValueChanged | Функция, которая выполняется после изменения значения компонента пользовательского интерфейса. |
Только чтение | Указывает, доступен ли редактор только для чтения. |
rtlEnabled | Переключает компонент пользовательского интерфейса на представление справа налево. |
tabIndex | Указывает номер элемента, когда для навигации используется клавиша Tab. |
ошибка проверки | Информация о нарушении правила проверки. Содержит первый элемент из массива validationErrors. |
ошибки проверки | Массив не прошедших проверку правил. |
валидациямессажемоде | Указывает способ отображения сообщения о правилах проверки, которые не удовлетворяются значением этого редактора. |
статус проверки | Указывает или задает текущий статус проверки. |
значение | Указывает значение компонента пользовательского интерфейса. |
значениевыражение | Указывает, какое поле данных предоставляет уникальные значения для значения компонента пользовательского интерфейса. |
видимый | Указывает, виден ли компонент пользовательского интерфейса. |
ширина | Задает ширину компонента пользовательского интерфейса. |
См. также
- Настройка компонента пользовательского интерфейса : Angular | Вью | Реагировать | jQuery | УгловойJS | Нокаут
В этом разделе описываются элементы, используемые для управления компонентом пользовательского интерфейса.
Имя | Описание |
---|---|
начало обновления() | Предотвращает обновление компонента пользовательского интерфейса до тех пор, пока не будет вызван метод endUpdate(). |
Параметры по умолчанию (правило) | Указывает зависящие от устройства свойства конфигурации по умолчанию для этого компонента. |
распоряжаться() | Удаляет все ресурсы, выделенные экземпляру RadioGroup. |
элемент() | Получает корневой элемент компонента пользовательского интерфейса. |
endUpdate() | Обновляет компонент пользовательского интерфейса после вызова метода beginUpdate(). |
фокус() | Устанавливает фокус на компонент пользовательского интерфейса. |
получить источник данных () | Получает экземпляр DataSource. |
getInstance (элемент) | Получает экземпляр компонента пользовательского интерфейса, найденный с помощью его узла DOM. |
экземпляр() | Получает экземпляр компонента пользовательского интерфейса. Используйте его для доступа к другим методам компонента пользовательского интерфейса. |
выкл(имя события) | Отсоединяет все обработчики событий от одного события. |
выкл (имя события, обработчик события) | Отсоединяет конкретный обработчик событий от одного события. |
на (имя события, обработчик события) | Подписка на событие. |
по(событиям) | Подписка на события. |
вариант() | Получает все свойства компонента пользовательского интерфейса. |
опция (имя_опции) | Получает значение одного свойства. |
опция (optionName, optionValue) | Обновляет значение одного свойства. |
опция(опции) | Обновляет значения нескольких свойств. |
registerKeyHandler (ключ, обработчик) | Регистрирует обработчик, который будет выполняться, когда пользователь нажимает определенную клавишу. |
перекрасить() | Перерисовывает компонент пользовательского интерфейса без перезагрузки данных. Вызовите его, чтобы обновить разметку компонента пользовательского интерфейса. |
сброс() | Сбрасывает свойство value до значения по умолчанию. |
resetOption(optionName) | Сбрасывает свойство до его значения по умолчанию. |
В этом разделе описываются события, запускаемые этим компонентом пользовательского интерфейса.
Имя | Описание |
---|---|
контент готов | Возникает, когда содержимое компонента пользовательского интерфейса готово. |
утилизация | Возникает перед удалением компонента пользовательского интерфейса. |
инициализировано | Возникает только один раз после инициализации компонента пользовательского интерфейса. |
optionChanged | Возникает после изменения свойства компонента пользовательского интерфейса. |
значение изменено | Возникает после изменения значения компонента пользовательского интерфейса. |
См. также
- Обработка событий : Angular | Вью | Реагировать | jQuery | УгловойJS | Нокаут
Была ли эта тема полезной?
Спасибо!
Не стесняйтесь делиться мыслями, связанными с демонстрацией, здесь.