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

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

• WebUiElementCollectionJS - коллекция UI-элементов. Определена в файле Vintasoft.Imaging.js.
• WebUiElementJS - базовый UI-элемент. Определен в файле Vintasoft.Imaging.js.
  • WebUiBrElementJS - UI-элемент, представляющий элемент разметки '<br/>'. Определен в файле Vintasoft.Imaging.js.
  • WebUiLabelElementJS - UI-элемент, представляющий текстовую метку. Определен в файле Vintasoft.Imaging.js.
  • WebUiLabelWithDropDownListJS - UI-элемент, представляющий текстовую метку и кнопку с раскрывающимся списком. Определен в файле Vintasoft.Imaging.js.
  • WebUiTextareaElementJS - UI-элемент, представляющий элемент разметки '<textarea>'. Определен в файле Vintasoft.Imaging.js.
  • WebUiInputElementJS - UI-элемент, представляющий элемент разметки '<input>'. Определен в файле Vintasoft.Imaging.js.
  • WebUiTextInputJS - UI-элемент, представляющий элемент разметки '<input type="text">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiNumericInputJS - UI-элемент, представляющий элемент разметки '<input type="number">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiButtonInputJS - UI-элемент, представляющий элемент разметки '<input type="button">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiImageInputJS - UI-элемент, представляющий элемент разметки '<input type="image">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiCheckboxInputJS - UI-элемент, представляющий элемент разметки '<input type="checkbox">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiRadioInputJS - UI-элемент, представляющий элемент разметки '<input type="radio">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiFileInputJS - UI-элемент, представляющий элемент разметки '<input type="file">'. Определен в файле Vintasoft.Imaging.js.
  • WebUiOptionElementJS - UI-элемент, представляющий элемент разметки '<option>'. Определен в файле Vintasoft.Imaging.js.
  • WebUiSelectElementJS - UI-элемент, представляющий элемент разметки '<select>'. Определен в файле Vintasoft.Imaging.js.
  • WebUiToggleButtonJS - UI-элемент, представляющий кнопку с раскрывающимся списком кнопок. Определен в файле Vintasoft.Imaging.js.
  • WebUiColorPickerJS - UI-элемент для выбора цвета. Определен в файле Vintasoft.Imaging.js.
  • WebUiDivElementJS - UI-элемент, представляющий элемент разметки '<div>'. Определен в файле Vintasoft.Imaging.js.
    • WebUiButtonJS - UI-элемент, представляющий кнопку на основе элемента разметки '<div>'. Определен в файле Vintasoft.Imaging.js.
      • WebUiButtonWithDropDownButtonListJS - UI-элемент, представляющий кнопку с раскрывающимся списком кнопок. Определен в файле Vintasoft.Imaging.js.
      • WebUiButtonWithDropDownPanelJS - UI-элемент, представляющий кнопку с выпадающей панелью. Определен в файле Vintasoft.Imaging.js.
      • WebUiButtonWithColorPickerJS - UI-элемент, представляющий кнопку для выбора цвета. Определен в файле Vintasoft.Imaging.js.
      • WebUiDialogButtonJS - UI-элемент, представляющий кнопку, которая открывает указанный диалог. Определен в файле Vintasoft.Imaging.js.
    • WebUiProgressJS - UI-элемент, представляющий индикатор прогресса на основе элемента разметки '<div>'. Определен в файле Vintasoft.Imaging.js.
    • WebUiUploadFileButtonJS - UI-элемент, представляющий кнопку для загрузки файлов. Определен в файле Vintasoft.Imaging.js.
    • WebUiElementContainerJS - UI-элемент, представляющий контейнер DIV для указанных элементов управления. Определен в файле Vintasoft.Imaging.js.
      • WebUiContextMenuJS - UI-элемент, представляющий контекстное меню. Определен в файле Vintasoft.Imaging.js.
      • WebUiPanelJS - UI-панель, которая содержит объекты WebUiElementJS и позволяет менять состояние UI-панели с помощью кнопки. Определена в файле Vintasoft.Imaging.js.
        • WebUiPanelContainerJS - контейнер для UI-панелей. Определен в файле Vintasoft.Imaging.js.
        • WebUiPanelWithContextMenuJS - UI-панель, которая содержит объекты WebUiElementJS и позволяет менять состояние UI-панели с помощью кнопки, а также поддерживает контекстное меню. Определена в файле Vintasoft.Imaging.js.
      • WebUiSidePanelJS - боковая панель. Определена в файле Vintasoft.Imaging.js.
      • WebUiMenuJS - меню. Определено в файле Vintasoft.Imaging.js.
      • WebUiDialogJS - диалоговое окно. Определено в файле Vintasoft.Imaging.Dialogs.XXX.js.

Иерархия UI-объектов является открытой. Это позволяет настраивать или модифицировать существующие элементы или создавать новые.

Иерархию стандартных UI-элементов, которые можно использовать только в UI-контроле WebDocumentViewerJS, можно найти здесь .
Иерархию стандартных UI-элементов, которые можно использовать только в UI-контроле WebDocumentEditorJS, можно найти здесь .
Иерархию стандартных UI-элементов, которые можно использовать только в UI-контроле WebSpreadsheetDocumentEditorControlJS, можно найти здесь .
Иерархию стандартных UI-элементов, которые можно использовать только в UI-контроле WebPdfDocumentEditorControlJS, можно найти здесь .
Иерархию стандартных UI-элементов, которые можно использовать только в UI-контроле WebDicomControlJS, можно найти здесь .

WebUiElementsFactoryJS является фабрикой UI-элементов, т. е. позволяет регистрировать экземпляр UI-элемента по идентификатору, что позволяет существенно упростить процесс создания пользовательского интерфейса. Список стандартных зарегистрированных идентификаторов можно найти в описании класса WebUiElementsFactoryJS.