Стандартные элементы пользовательского интерфейса, используемые в веб UI-контроле

В этом разделе

Базовым классом для UI-элементов является класс WebUiElementJS. Экземпляр класса WebUiElementJS предназначен для использования в качестве UI-элемента в UI-контроле и не может использоваться отдельно.

Вот иерархия базовых стандартных UI-элементов, которые могут использоваться в UI-элементе WebUiControlJS и производных UI-элементах (WebDocumentViewerJS, WebPdfDocumentEditorControlJS, WebSpreadsheetDocumentEditorControlJS, WebDicomControlJS):

WebUiElementCollectionJS - коллекция UI-элементов. Определена в файле Vintasoft.Imaging.js.
WebUiElementJS - базовый UI-элемент. Определен в файле Vintasoft.Imaging.js.
- WebUiBrElementJS - UI-элемент, представляющий элемент разметки '
  '. Определен в файле Vintasoft.Imaging.js.
- WebUiLabelElementJS - UI-элемент, представляющий текстовую метку. Определен в файле Vintasoft.Imaging.js.
- WebUiLabelWithDropDownListJS - UI-элемент, представляющий текстовую метку и кнопку с раскрывающимся списком. Определен в файле Vintasoft.Imaging.js.
- WebUiTextareaElementJS - UI-элемент, представляющий элемент разметки ''. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiInputElementJS.html">WebUiInputElementJS</a> - UI-элемент, представляющий элемент разметки '<input>'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiTextInputJS.html">WebUiTextInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="text">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiNumericInputJS.html">WebUiNumericInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="number">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiButtonInputJS.html">WebUiButtonInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="button">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiImageInputJS.html">WebUiImageInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="image">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiCheckboxInputJS.html">WebUiCheckboxInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="checkbox">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiRadioInputJS.html">WebUiRadioInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="radio">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiFileInputJS.html">WebUiFileInputJS</a> - UI-элемент, представляющий элемент разметки '<input type="file">'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiOptionElementJS.html">WebUiOptionElementJS</a> - UI-элемент, представляющий элемент разметки '<option>'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiSelectElementJS.html">WebUiSelectElementJS</a> - UI-элемент, представляющий элемент разметки '<select>'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiToggleButtonJS.html">WebUiToggleButtonJS</a> - UI-элемент, представляющий кнопку с раскрывающимся списком кнопок. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiColorPickerJS.html">WebUiColorPickerJS</a> - UI-элемент для выбора цвета. Определен в файле Vintasoft.Imaging.js.</li> <li> <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiDivElementJS.html">WebUiDivElementJS</a> - UI-элемент, представляющий элемент разметки '<div>'. Определен в файле Vintasoft.Imaging.js. <ul> <li> <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiButtonJS.html">WebUiButtonJS</a> - UI-элемент, представляющий кнопку на основе элемента разметки '<div>'. Определен в файле Vintasoft.Imaging.js. <ul> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiButtonWithDropDownButtonListJS.html">WebUiButtonWithDropDownButtonListJS</a> - UI-элемент, представляющий кнопку с раскрывающимся списком кнопок. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiButtonWithDropDownPanelJS.html">WebUiButtonWithDropDownPanelJS</a> - UI-элемент, представляющий кнопку с выпадающей панелью. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiButtonWithColorPickerJS.html">WebUiButtonWithColorPickerJS</a> - UI-элемент, представляющий кнопку для выбора цвета. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiDialogButtonJS.html">WebUiDialogButtonJS</a> - UI-элемент, представляющий кнопку, которая открывает указанный диалог. Определен в файле Vintasoft.Imaging.js.</li> </ul> </li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiProgressJS.html">WebUiProgressJS</a> - UI-элемент, представляющий индикатор прогресса на основе элемента разметки '<div>'. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiUploadFileButtonJS.html">WebUiUploadFileButtonJS</a> - UI-элемент, представляющий кнопку для загрузки файлов. Определен в файле Vintasoft.Imaging.js.</li> <li> <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiElementContainerJS.html">WebUiElementContainerJS</a> - UI-элемент, представляющий контейнер DIV для указанных элементов управления. Определен в файле Vintasoft.Imaging.js. <ul> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiContextMenuJS.html">WebUiContextMenuJS</a> - UI-элемент, представляющий контекстное меню. Определен в файле Vintasoft.Imaging.js.</li> <li> <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPanelJS.html">WebUiPanelJS</a> - UI-панель, которая содержит объекты <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiElementJS.html">WebUiElementJS</a> и позволяет менять состояние UI-панели с помощью кнопки. Определена в файле Vintasoft.Imaging.js. <ul> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPanelContainerJS.html">WebUiPanelContainerJS</a> - контейнер для UI-панелей. Определен в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPanelWithContextMenuJS.html">WebUiPanelWithContextMenuJS</a> - UI-панель, которая содержит объекты <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiElementJS.html">WebUiElementJS</a> и позволяет менять состояние UI-панели с помощью кнопки, а также поддерживает контекстное меню. Определена в файле Vintasoft.Imaging.js.</li> </ul> </li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiSidePanelJS.html">WebUiSidePanelJS</a> - боковая панель. Определена в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiMenuJS.html">WebUiMenuJS</a> - меню. Определено в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebUiDialogJS.html">WebUiDialogJS</a> - диалоговое окно. Определено в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> </ul> </li> </ul> </li> </ul> </li> </ul> <br /> Вот иерархия стандартных UI-элементов, которые могут использоваться в UI-контроле <a href="Vintasoft.Imaging.DocumentViewer.JS/Vintasoft.Imaging.DocumentViewer.WebDocumentViewerJS.html">WebDocumentViewerJS</a>: <ul> <li> Кнопки <ul> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiVisualToolButtonJS.html">WebUiVisualToolButtonJS</a> - UI-элемент, представляющий кнопку для включения указанного визуального инструмента в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.Annotation.JS/Vintasoft.Imaging.Annotation.UI.UIElements.WebUiAnnotationButtonJS.html">WebUiAnnotationButtonJS</a> - UI-элемент, представляющий кнопку для создания и добавления указанной аннотации в просмотрщик аннотаций. Хранится в файле Vintasoft.Imaging.Annotation.js.</li> </ul> </li> <li> Панели <ul> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiImageViewerPanelJS.html">WebUiImageViewerPanelJS</a> - UI-панель, позволяющая отображать просмотрщик изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiThumbnailViewerPanelJS.html">WebUiThumbnailViewerPanelJS</a> - UI-панель, позволяющая отображать просмотрщик миниатюр. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiTextSelectionPanelJS.html">WebUiTextSelectionPanelJS</a> - UI-панель, позволяющая выделять текст на странице документа. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiTextSearchPanelJS.html">WebUiTextSearchPanelJS</a> - UI-панель, позволяющая искать текст на страницах документа. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiImageProcessingPanelJS.html">WebUiImageProcessingPanelJS</a> - UI-панель, позволяющая просматривать список команд обработки изображений, выбирать команду обработки изображений и применять команду обработки изображений к изображению в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiImageSelectionPanelJS.html">WebUiImageSelectionPanelJS</a> - UI-панель, позволяющая выбирать изображения, которые отображаются в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPrintImagesSettingsPanelJS.html">WebUiPrintImagesSettingsPanelJS</a> - UI-панель, позволяющая печатать изображения, которые отображаются в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiThumbnailViewerSettingsPanelJS.html">WebUiThumbnailViewerSettingsPanelJS</a> - UI-панель, позволяющая просматривать и редактировать настройки просмотрщике миниатюр. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiFileToolbarPanelJS.html">WebUiFileToolbarPanelJS</a> - UI-панель, позволяющая работать с файлами изображений (загружать, печатать и сохранять). Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiNavigationToolbarPanelJS.html">WebUiNavigationToolbarPanelJS</a> - UI-панель, позволяющая перемещаться между изображениями в просмотрщике документов. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiZoomToolbarPanelJS.html">WebUiZoomToolbarPanelJS</a> - UI-панель, позволяющая масштабировать изображения в просмотрщике документов. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiRotationToolbarPanelJS.html">WebUiRotationToolbarPanelJS</a> - UI-панель, позволяющая вращать изображение в просмотрщике документов. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiVisualToolsToolbarPanelJS.html">WebUiVisualToolsToolbarPanelJS</a> - UI-панель, позволяющая выбирать визуальные инструменты. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.Annotation.JS/Vintasoft.Imaging.Annotation.UI.Panels.WebUiAnnotationListPanelJS.html">WebUiAnnotationListPanelJS</a> - UI-панель, позволяющая просматривать список аннотаций и перемещаться между аннотациями. Хранится в файле Vintasoft.Imaging.Annotation.js.</li> <li><a href="Vintasoft.Imaging.Annotation.JS/Vintasoft.Imaging.Annotation.UI.Panels.WebUiAnnotationToolbarJS.html">WebUiAnnotationToolbarJS</a> - UI-панель, позволяющая работать с аннотациями. Хранится в файле Vintasoft.Imaging.Annotation.js.</li> <li><a href="Vintasoft.Imaging.Annotation.JS/Vintasoft.Imaging.Annotation.UI.Panels.WebUiRotateImageWithAnnotationsPanelJS.html">WebUiRotateImageWithAnnotationsPanelJS</a> - UI-панель, позволяющая вращать сфокусированное изображение с аннотациями. Хранится в файле Vintasoft.Imaging.Annotation.js.</li> <li><a href="Vintasoft.Imaging.DocumentViewer.JS/Vintasoft.Imaging.DocumentViewer.Panels.WebUiTwainSelectDevicePanelJS.html">WebUiTwainSelectDevicePanelJS</a> - UI-панель, которая позволяет просматривать список TWAIN устройств, установленных в системе, и выбирать устройство. Определена в файле Vintasoft.Imaging.DocumentViewer.js.</li> <li><a href="Vintasoft.Imaging.DocumentViewer.JS/Vintasoft.Imaging.DocumentViewer.Panels.WebUiTwainDeviceCapabilitiesPanelJS.html">WebUiTwainDeviceCapabilitiesPanelJS</a> - UI-панель, которая позволяет работать с возможностями TWAIN устройств. Определена в файле Vintasoft.Imaging.DocumentViewer.js.</li> </ul> </li> <li> Диалоговые окна <ul> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebUiDocumentPasswordDialogJS.html">WebUiDocumentPasswordDialogJS</a> - UI-диалог, позволяющий установить пароль документа. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPrintImagesSettingsPanelJS.html">WebUiPrintImagesSettingsPanelJS</a> - UI-диалог, позволяющий печатать изображения, которые отображаются в просмотрщике изображений. Хранится в Vintasoft.Imaging.Dialogs.XXX.js-файл.</li> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebThumbnailViewerSettingsDialogJS.html">WebThumbnailViewerSettingsDialogJS</a> - UI-диалог, позволяющий просматривать и редактировать настройки просмотрщика миниатюр. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebImageSelectionDialogJS.html">WebImageSelectionDialogJS</a> - UI-диалог, позволяющий выбирать изображения, которые будут отображаться в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Annotation.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Annotation.UI.Dialogs.WebRotateImageWithAnnotationsDialogJS.html">WebRotateImageWithAnnotationsDialogJS</a> - UI-диалог, позволяющий вращать сфокусированное изображение с аннотациями. Хранится в файле Vintasoft.Imaging.Annotation.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.DocumentViewer.Dialogs.Bootstrap.JS/Vintasoft.Imaging.DocumentViewer.Dialogs.WebTwainDeviceSelectionDialogJS.html">WebTwainDeviceSelectionDialogJS</a> - диалоговое окно, которое позволяет просматривать список TWAIN устройств, установленных в системе, и выбирать устройство. Определено в файле Vintasoft.Imaging.DocumentViewer.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.DocumentViewer.Dialogs.Bootstrap.JS/Vintasoft.Imaging.DocumentViewer.Dialogs.WebTwainDeviceCapabilitiesDialogJS.html">WebTwainDeviceCapabilitiesDialogJS</a> - диалоговое окно, которое позволяет работать с возможностями TWAIN устройств. Определено в файле Vintasoft.Imaging.DocumentViewer.Dialogs.XXX.js.</li> </ul> </li> </ul> <br /> Вот иерархия стандартных UI-элементов, которые можно использовать в UI-элементе <a href="Vintasoft.Imaging.Pdf.JS/Vintasoft.Imaging.Pdf.UI.WebPdfDocumentEditorControlJS.html">WebPdfDocumentEditorControlJS</a>: <ul> <li> Кнопки <ul><li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiVisualToolButtonJS.html">WebUiVisualToolButtonJS</a> - UI-элемент, представляющий кнопку для включения указанного визуального инструмента в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li></ul> </li> <li> Панели <ul> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiImageViewerPanelJS.html">WebUiImageViewerPanelJS</a> - UI-панель, позволяющая отображать просмотрщик изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiThumbnailViewerPanelJS.html">WebUiThumbnailViewerPanelJS</a> - UI-панель, позволяющая отображать просмотрщик миниатюр. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiTextSelectionPanelJS.html">WebUiTextSelectionPanelJS</a> - UI-панель, позволяющая выделять текст на странице документа. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiTextSearchPanelJS.html">WebUiTextSearchPanelJS</a> - UI-панель, позволяющая искать текст на страницах документа. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.Pdf.JS/Vintasoft.Imaging.Pdf.UI.Panels.WebUiPdfInteractiveFormFieldsPanelJS.html">WebUiPdfInteractiveFormFieldsPanelJS</a> - UI-панель, показывающая список всех интерактивных полей, связанных с открытыми страницами PDF. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.Pdf.JS/Vintasoft.Imaging.Pdf.UI.Panels.WebUiPdfRedactionMarkListPanelJS.html">WebUiPdfRedactionMarkListPanelJS</a> - UI-панель, позволяющая просматривать список редакторских PDF меток и перемещаться между редакторскими метками. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiImageSelectionPanelJS.html">WebUiImageSelectionPanelJS</a> - UI-панель, позволяющая выбирать изображения, которые отображаются в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPrintImagesSettingsPanelJS.html">WebUiPrintImagesSettingsPanelJS</a> - UI-панель, позволяющая печатать изображения, которые отображаются в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiThumbnailViewerSettingsPanelJS.html">WebUiThumbnailViewerSettingsPanelJS</a> - UI-панель, позволяющая просматривать и редактировать настройки просмотрщике миниатюр. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiFileToolbarPanelJS.html">WebUiFileToolbarPanelJS</a> - UI-панель, позволяющая работать с файлами изображений (загружать, печатать и сохранять). Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiNavigationToolbarPanelJS.html">WebUiNavigationToolbarPanelJS</a> - UI-панель, позволяющая перемещаться между изображениями в просмотрщике документов. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiZoomToolbarPanelJS.html">WebUiZoomToolbarPanelJS</a> - UI-панель, позволяющая масштабировать изображения в просмотрщике документов. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiRotationToolbarPanelJS.html">WebUiRotationToolbarPanelJS</a> - UI-панель, позволяющая вращать изображение в просмотрщике документов. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiVisualToolsToolbarPanelJS.html">WebUiVisualToolsToolbarPanelJS</a> - UI-панель, позволяющая выбирать визуальные инструменты. Хранится в файле Vintasoft.Imaging.js.</li> <li><a href="Vintasoft.Imaging.Pdf.JS/Vintasoft.Imaging.Pdf.UI.Panels.WebUiPdfBookmarksPanelJS.html">WebUiPdfBookmarksPanelJS</a> - UI-панель, позволяющая просматривать закладки PDF и перемещаться по документу PDF с помощью закладок. Хранится в файле Vintasoft.Imaging.Pdf.js.</li> <li><a href="Vintasoft.Imaging.Pdf.JS/Vintasoft.Imaging.Pdf.UI.Panels.WebUiPdfImageResourceExtractionPanelJS.html">WebUiPdfImageResourceExtractionPanelJS</a> - UI-панель, показывающая список всех ресурсов изображений, связанных со страницей PDF. Хранится в файле Vintasoft.Imaging.Pdf.js.</li> <li><a href="Vintasoft.Imaging.Pdf.JS/Vintasoft.Imaging.Pdf.UI.Panels.WebUiPdfRedactionMarkAppearancePanelJS.html">WebUiPdfRedactionMarkAppearancePanelJS</a> - UI-панель, позволяющая просматривать и редактировать внешний вид метки редактирования PDF. Хранится в файле Vintasoft.Imaging.Pdf.js.</li> </ul> </li> <li> Диалоговые окна <ul> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebUiDocumentPasswordDialogJS.html">WebUiDocumentPasswordDialogJS</a> - UI-диалог, позволяющий установить пароль документа. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.Panels.WebUiPrintImagesSettingsPanelJS.html">WebUiPrintImagesSettingsPanelJS</a> - UI-диалог, позволяющий печатать изображения, которые отображаются в просмотрщике изображений. Хранится в Vintasoft.Imaging.Dialogs.XXX.js-файл.</li> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebThumbnailViewerSettingsDialogJS.html">WebThumbnailViewerSettingsDialogJS</a> - UI-диалог, позволяющий просматривать и редактировать настройки просмотрщика миниатюр. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Annotation.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Annotation.UI.Dialogs.WebRotateImageWithAnnotationsDialogJS.html">WebRotateImageWithAnnotationsDialogJS</a> - UI-диалог, позволяющий вращать сфокусированное изображение с аннотациями. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Dialogs.Bootstrap.JS/Vintasoft.Imaging.UI.Dialogs.WebImageSelectionDialogJS.html">WebImageSelectionDialogJS</a> - UI-диалог, позволяющий выбирать изображения, которые будут отображаться в просмотрщике изображений. Хранится в файле Vintasoft.Imaging.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Pdf.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Pdf.UI.Dialogs.WebPdfRedactionMarkAppearanceDialogJS.html">WebPdfRedactionMarkAppearanceDialogJS</a> - UI-диалог, позволяющий просматривать и редактировать внешний вид метки редактирования PDF. Хранится в файле Vintasoft.Imaging.Pdf.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Pdf.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Pdf.UI.Dialogs.WebUiPdfRedactionMarkSettingsDialogJS.html">WebUiPdfRedactionMarkSettingsDialogJS</a> - UI-диалог, позволяющий просматривать и редактировать параметры метки редактирования PDF. Диалог появляется при нажатии кнопки "Внешний вид метки редактирования PDF". Хранится в файле Vintasoft.Imaging.Pdf.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Pdf.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Pdf.UI.Dialogs.WebUiPdfImageResourceDialogJS.html">WebUiPdfImageResourceDialogJS</a> - UI-диалог, позволяющий просматривать информацию об изображении-ресурсе PDF. Диалог появляется при нажатии кнопки "Показать изображение содержимого" на боковой панели "Извлечь изображения". Сохранено в файле Vintasoft.Imaging.Pdf.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Pdf.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Pdf.UI.Dialogs.WebUiPdfAConversionAndValidationDialogJS.html">WebUiPdfAConversionAndValidationDialogJS</a> - UI-диалог, позволяющий преобразовать документ PDF в формат PDF/A или проверить документ PDF на соответствие формату PDF/A. Диалог появляется при нажатии кнопки "Преобразование и проверка PDF/A". Сохранено в файле Vintasoft.Imaging.Pdf.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Pdf.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Pdf.UI.Dialogs.WebPdfDocumentCompressorDialogJS.html">WebPdfDocumentCompressorDialogJS</a> - UI-диалог, позволяющий сжать документ PDF. Диалог появляется при нажатии кнопки "Сжатие PDF". Сохранено в файле Vintasoft.Imaging.Pdf.Dialogs.XXX.js.</li> </ul> </li> </ul> <br /> Вот иерархия стандартных UI-элементов, которые могут использоваться в UI-контроле <a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.WebSpreadsheetDocumentEditorControlJS.html">WebSpreadsheetDocumentEditorControlJS</a>: <ul> <li> Панели <ul> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiSpreadsheetEditorPanelJS.html">WebUiSpreadsheetEditorPanelJS</a> - UI-панель, которая позволяет отображать UI-контрол для редактирования электронных таблиц. Определена в файле Vintasoft.Imaging.Office.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiRenameWorksheetPanelJS.html">WebUiRenameWorksheetPanelJS</a> - UI-панель, которая позволяет переименовать лист табличного документа в редакторе электронных таблиц. Определена в файле Vintasoft.Imaging.Office.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiMoveWorksheetPanelJS.html">WebUiMoveWorksheetPanelJS</a> - UI-панель, которая позволяет изменить порядок листов табличного документа в редакторе электронных таблиц. Определена в файле Vintasoft.Imaging.Office.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiFindTextPanelJS.html">WebUiFindTextPanelJS</a> - UI-панель, которая позволяет искать текст в табличном документе. Определена в файле Vintasoft.Imaging.Office.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiSelectFunctionPanelJS.html">WebUiSelectFunctionPanelJS</a> - UI-панель, которая позволяет выбрать функцию для ячейки. Определена в файле Vintasoft.Imaging.Office.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiInsertChartPanelJS.html">WebUiInsertChartPanelJS</a> - UI-панель, позволяющая вставлять диаграмму в редактор электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Вставить диаграмму". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiCommentPanelJS.html">WebUiCommentPanelJS</a> - UI-панель, позволяющая вставлять/редактировать комментарий. Диалоговое окно появляется при вставке нового комментария. Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiEditChartPropertiesPanelJS.html">WebUiEditChartPropertiesPanelJS</a> - UI-панель, позволяющая редактировать свойства диаграммы в редакторе электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Изменить комментарий". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiCellNumberFormatPanelJS.html">WebUiCellNumberFormatPanelJS</a> - UI-панель, позволяющая редактировать числовой формат для значения ячейки. Диалоговое окно появляется при нажатии кнопки "Формат числа". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiSelectDefinedNamePanelJS.html">WebUiSelectDefinedNamePanelJS</a> - UI-панель, позволяющая выбрать определенное имя в редакторе электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Добавить определенное имя". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiDefinedNameManagerPanelJS.html">WebUiDefinedNameManagerPanelJS</a> - UI-панель, позволяющая управлять (добавлять, редактировать, удалять) определенными именами в редакторе электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Менеджер определенных имен". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiSelectDefinedNamePanelJS.html">WebUiSelectDefinedNamePanelJS</a> - UI-панель, позволяющая выбрать определенное имя из доступных определенных имен в редакторе электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Вставить определенное имя". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.JS/Vintasoft.Imaging.Office.UI.Panels.WebUiEditHyperlinkPanelJS.html">WebUiEditHyperlinkPanelJS</a> - UI-панель, позволяющая добавлять или редактировать гиперссылку в ячейке. Диалоговое окно появляется при нажатии кнопки "Вставить ссылку".</li> </ul> </li> <li> Диалоговые окна <ul> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiRenameWorksheetDialogJS.html">WebUiRenameWorksheetDialogJS</a> - UI-диалог, позволяющий переименовывать рабочий лист в редакторе электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Переименовать рабочий лист". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiMoveWorksheetDialogJS.html">WebUiMoveWorksheetDialogJS</a> - UI-диалог, позволяющий перемещать лист в редакторе электронных таблиц. Диалог появляется при нажатии кнопки "Переместить лист". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiFindTextDialogJS.html">WebUiFindTextDialogJS</a> - UI-диалог, позволяющий находить текст в документе листа. Диалог появляется при нажатии кнопки "Поиск текста". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiSelectFunctionDialogJS.html">WebUiSelectFunctionDialogJS</a> - UI-диалог, позволяющий выбирать функцию ячейки. Диалог появляется при нажатии кнопки "Вставить функцию". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiInsertChartDialogJS.html">WebUiInsertChartDialogJS</a> - UI-диалог, позволяющий вставлять диаграмму в редактор электронных таблиц. Диалог появляется при нажатии кнопки "Вставить диаграмму". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js-файл.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiInsertCommentDialogJS.html">WebUiInsertCommentDialogJS</a> - UI-диалог, позволяющий вставлять новый комментарий. Диалог появляется при вставке нового комментария. Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiEditCommentDialogJS.html">WebUiEditCommentDialogJS</a> - UI-диалог, позволяющий редактировать существующий комментарий. Диалог появляется при нажатии кнопки "Вставить комментарий". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiEditChartPropertiesDialogJS.html">WebUiEditChartPropertiesDialogJS</a> - UI-диалог, позволяющий редактировать свойства диаграммы в редакторе электронных таблиц. Диалог появляется при нажатии кнопки "Изменить комментарий". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiCellNumberFormatDialogJS.html">WebUiCellNumberFormatDialogJS</a> - UI-диалог, позволяющий редактировать числовой формат значения ячейки. Диалоговое окно появляется при нажатии кнопки "Формат числа". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiAddDefinedNameDialogJS.html">WebUiAddDefinedNameDialogJS</a> - UI-диалог, позволяющий добавлять определенное имя в редактор электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Добавить определенное имя". Хранится в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiDefinedNameManagerDialogJS.html">WebUiDefinedNameManagerDialogJS</a> - UI-диалог, позволяющий управлять (добавлять, редактировать, удалять) определенными именами в редакторе электронных таблиц. Диалоговое окно появляется при нажатии кнопки "Менеджер определенных имен". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiSelectDefinedNameDialogJS.html">WebUiSelectDefinedNameDialogJS</a> - UI-диалог, позволяющий выбрать определенное имя из доступных определенных имен в редакторе электронных таблиц. Диалог появляется при нажатии кнопки "Вставить определенное имя". Сохранено в файле Vintasoft.Imaging.Office.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Office.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Office.UI.Dialogs.WebUiEditHyperlinkDialogJS.html">WebUiEditHyperlinkDialogJS</a> - UI-диалог, позволяющий добавлять или редактировать гиперссылку в ячейке. Диалоговое окно появляется при нажатии кнопки "Вставить ссылку".</li> </ul> </li> </ul> <br /> Вот иерархия стандартных UI-элементов, которые можно использовать в UI-контроле <a href="Vintasoft.Imaging.Dicom.JS/Vintasoft.Imaging.Dicom.WebDicomControlJS.html">WebDicomControlJS</a>: <ul> <li> Панели <ul> <li><a href="Vintasoft.Imaging.Dicom.JS/Vintasoft.Imaging.Dicom.UI.Panels.WebDicomViewerPanelJS.html">WebDicomViewerPanelJS</a> - UI-панель, которая позволяет отображать DICOM-просмотрщик. Хранится в файле Vintasoft.Imaging.Dicom.js.</li> <li><a href="Vintasoft.Imaging.Dicom.JS/Vintasoft.Imaging.Dicom.UI.Panels.WebDicomSeriesManagerPanelJS.html">WebDicomSeriesManagerPanelJS</a> - UI-панель, которая позволяет отображать менеджер DICOM-серий. Хранится в файле Vintasoft.Imaging.Dicom.js.</li> <li><a href="Vintasoft.Imaging.Dicom.JS/Vintasoft.Imaging.Dicom.UI.Panels.WebUiDicomMetadataPanelJS.html">WebUiDicomMetadataPanelJS</a> - UI-панель, которая позволяет отображать метаданные DICOM-изображения. Хранится в файле Vintasoft.Imaging.Dicom.js.</li> <li><a href="Vintasoft.Imaging.Dicom.JS/Vintasoft.Imaging.Dicom.UI.Panels.WebUiCustomDicomVoiLutPanelJS.html">WebUiCustomDicomVoiLutPanelJS</a> - UI-панель, которая позволяет устанавливать пользовательский уровень окна в DICOM-просмотрщике. Хранится в файле Vintasoft.Imaging.Dicom.js.</li> <li><a href="Vintasoft.Imaging.Dicom.JS/Vintasoft.Imaging.Dicom.UI.Panels.WebUiSelectDicomVoiLutTypePanelJS.html">WebUiSelectDicomVoiLutTypePanelJS</a> - UI-панель, которая позволяет выбирать тип уровня окна в DICOM-просмотрщике. Хранится в файле Vintasoft.Imaging.Dicom.js.</li> </ul> </li> <li> Диалоговые окна <ul> <li><a href="Vintasoft.Imaging.Dicom.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Dicom.UI.Dialogs.WebUiDicomMetadataDialogJS.html">WebUiDicomMetadataDialogJS</a> - диалоговое окно, которое позволяет отображать метаданные DICOM-изображения. Хранится в файле Vintasoft.Imaging.Dicom.Dialogs.XXX.js.</li> <li><a href="Vintasoft.Imaging.Dicom.Dialogs.Bootstrap.JS/Vintasoft.Imaging.Dicom.UI.Dialogs.WebUiCustomDicomVoiLutDialogJS.html">WebUiCustomDicomVoiLutDialogJS</a> - диалоговое окно, которое позволяет изменять уровень окна для DICOM-изображения в DICOM-просмотрщике. Хранится в файле Vintasoft.Imaging.Dicom.Dialogs.XXX.js. Класс</li> </ul> </li> </ul> <br /> Иерархия UI-элементов является открытой, что позволяет изменять существующие UI-элементы или создавать новые UI-элементы. <br /> <br /> <br /> <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiElementsFactoryJS.html">WebUiElementsFactoryJS</a> является фабрикой UI-элементов, т. е. позволяет регистрировать экземпляр UI-элемента по идентификатору, что позволяет существенно упростить процесс создания пользовательского интерфейса. Список стандартных зарегистрированных идентификаторов можно найти в описании класса <a href="Vintasoft.Imaging.JS/Vintasoft.Imaging.UI.UIElements.WebUiElementsFactoryJS.html">WebUiElementsFactoryJS</a>. <br /> <br /> <br /> <a name="seealsobookmark"></a> <div id="i-footer-content" class="i-footer-content"> <p> </p><p> </p><hr style="height: 1px" /><p><a href="https://www.vintasoft.ru">Копирайт © 2007-2025 ООО "ВинтаСофт". Все права защищены.</a></p> <a href="mailto:support@vintasoft.ru?subject=Documentation Feedback: Programming-Imaging_Web-Customize_UI_Control-Standard_UI_Elements.html">Отправить отзыв</a> </div> </div> </div> <script type="text/javascript"> $(function () { var documentInstance = new Innovasys.Content.Document(document.body); documentInstance.load(); }); </script> </body> </html>