Модуль графического интерфейса: различия между версиями
Sidminik (обсуждение | вклад) |
Sidminik (обсуждение | вклад) |
||
| (не показано 5 промежуточных версий этого же участника) | |||
| Строка 61: | Строка 61: | ||
===<code>setMinimumWidth()</code>=== | ===<code>setMinimumWidth()</code>=== | ||
Установка минимальной ширина диалога | Установка минимальной ширина диалога. | ||
<code>width: number</code> | <code>width: number</code> - ширина в пикселях. | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| Строка 70: | Строка 70: | ||
===<code>setMinimumHeight()</code>=== | ===<code>setMinimumHeight()</code>=== | ||
Установка минимальной высоты диалога | Установка минимальной высоты диалога. | ||
<code>height: number</code> | <code>height: number</code> - высота в пикселях. | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| Строка 79: | Строка 79: | ||
===<code>on()</code>=== | ===<code>on()</code>=== | ||
Установка обработчика события | Установка обработчика события. | ||
<code>event: string</code> | <code>event: string</code> - имя события; | ||
<code>handler: function</code> | <code>handler: function</code> - функция, вызываемая для обработки события. | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| Строка 90: | Строка 90: | ||
===<code>show()</code>=== | ===<code>show()</code>=== | ||
Вызывает сформированный диалог и возвращает результат | Вызывает сформированный диалог и возвращает результат. | ||
<code>return: boolean</code> | <code>return: boolean</code> - результат действий пользователя (<code>true</code> - если пользователь нажал <code>ОК</code>, <code>false</code> - в любой другой ситуации). | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| Строка 99: | Строка 99: | ||
==Класс InputElement== | ==Класс InputElement== | ||
===<code>label</code>=== | |||
Наименование поля, отображается слева. | |||
<code>label: string</code>; | |||
===<code>isReadOnly</code>=== | |||
Флаг - поле только для чтения/ | |||
<code>isReadOnly: boolean</code>; | |||
===<code>value</code>=== | |||
Текущее значение поля ввода. | |||
<syntaxhighlight lang="javascript"> | |||
value: null | number | boolean | string | Date; | |||
</syntaxhighlight> | |||
===<code>on()</code>=== | |||
Установка обработчика события. | |||
<code>event: string</code> - имя события; | |||
<code>handler: function</code> - функция, вызываемая для обработки события. | |||
<syntaxhighlight lang="javascript"> | |||
on(event: 'change', handler: (value: null | number | boolean | string | Date) => void): void; | |||
</syntaxhighlight> | |||
===<code>setBackground()</code>=== | |||
Установка цвета фона элемента ввода. | |||
<code>color: string</code> - HEX код цвета или его название. | |||
<syntaxhighlight lang="javascript"> | |||
setBackground(color: string): void; | |||
</syntaxhighlight> | |||
==Класс InputCombo== | ==Класс InputCombo== | ||
Текущая версия от 06:15, 30 декабря 2025
Модуль предназначен для создания и вызова разного рода диалоговых окон. Модуль построен на основе библиотеки Qt.
Типы текстовых полей InputType
[править]InputType.STRING - строковое поле ввода;
InputType.DATE - поле для ввода даты;
InputType.TIME - поле для ввода времени;
InputType.DATE_TIME - поле для ввода даты и времени;
InputType.DOUBLE - поле для ввода вещественного числа;
InputType.BOOLEAN - поле для ввода логического значения;
InputType.INT - поле для ввода целочисленного значения.
Цвета текстовых полей ChemicColors
[править]ChemicColors.INPUT_REQUIRED - поле ввода, обязательное для заполнения (желтое).
Класс InputDialog
[править]Класс предназначенный для конструирования произвольных диалогов ввода информации.
makeInput()
[править]Создание однострочного поля ввода с указанным типом.
type: InputType - тип поля ввода;
return: InputElement - созданный элемент ввода.
makeInput(type: InputType): InputElement;
makeCombo()
[править]Создание поля ввода в виде выпадающего списка.
return: InputCombo - созданный элемент выпадающего списка.
makeCombo(): InputCombo;
setTitle()
[править]Установка заголовка окна диалога.
title: string - заголовок окна.
setTitle(title: string): void;
setBackground()
[править]Установка цвета фона диалога.
color: string HEX - код цвета или его название.
setBackground(color: string): void;
setMinimumWidth()
[править]Установка минимальной ширина диалога.
width: number - ширина в пикселях.
setMinimumWidth(width: number): void;
setMinimumHeight()
[править]Установка минимальной высоты диалога.
height: number - высота в пикселях.
setMinimumHeight(height: number): void;
on()
[править]Установка обработчика события.
event: string - имя события;
handler: function - функция, вызываемая для обработки события.
on(event: 'confirm', handler: () => boolean): void;
show()
[править]Вызывает сформированный диалог и возвращает результат.
return: boolean - результат действий пользователя (true - если пользователь нажал ОК, false - в любой другой ситуации).
show(): boolean;
Класс InputElement
[править]label
[править]Наименование поля, отображается слева.
label: string;
isReadOnly
[править]Флаг - поле только для чтения/
isReadOnly: boolean;
value
[править]Текущее значение поля ввода.
value: null | number | boolean | string | Date;
on()
[править]Установка обработчика события.
event: string - имя события;
handler: function - функция, вызываемая для обработки события.
on(event: 'change', handler: (value: null | number | boolean | string | Date) => void): void;
setBackground()
[править]Установка цвета фона элемента ввода.
color: string - HEX код цвета или его название.
setBackground(color: string): void;