VintaSoft Imaging .NET SDK 14.0: Документация для Веб разработчика
Vintasoft.Imaging.UI.UIElements Namespace / WebUiToggleButtonJS type / WebUiToggleButtonJS Constructor(object,WebUiButtonJS,object)
Syntax BrowserCompatibility SeeAlso
В этом разделе
    WebUiToggleButtonJS Constructor(object,WebUiButtonJS,object)
    В этом разделе
    Initializes a new instance of the WebUiToggleButtonJS class.
    Синтаксис
    // Parameters
    var settings; // Type: object
    var items; // Type: WebUiButtonJS
    var panelSettings; // Type: object
    
    var instance = new Vintasoft.Imaging.UI.UIElements.WebUiToggleButtonJS(settings, items, panelSettings);
    
    
    function WebUiToggleButtonJS(
    settings
    Настройки кнопки. Параметр 'settings' имеет следующие свойства:
    • layoutDirectionMode (object): Объект WebLayoutDirectionModeEnumJS, который определяет направление расположения раскрывающегося списка кнопок. Значение по умолчанию - WebLayoutDirectionModeEnumJS.Column.
    • horizontalAlignMode (object): Объект WebHorizontalAlignModeEnumJS, который определяет горизонтальное выравнивание раскрывающегося списка кнопок. Значение по умолчанию - WebHorizontalAlignModeEnumJS.StartAtLeft.
    • verticalAlignMode (object): Объект WebVerticalAlignModeEnumJS, определяющий горизонтальное выравнивание раскрывающегося списка кнопок. Значение по умолчанию - WebVerticalAlignModeEnumJS.StartAtBottom.
    • fireButtonClickEvent (boolean): true - UI-элемент откроет раскрывающийся список и вызовет событие щелчка WebUiToggleButtonJS.get_ActiveButton кнопка при щелчке мышью по UI-элементу; false - UI-элемент будет открывать раскрывающийся список при нажатии мыши на UI-элемент. Значение по умолчанию - true.
    : object,
    items
    Массив объектов WebUiButtonJS.
    : WebUiButtonJS,
    panelSettings
    Настройки контейнера для указанных кнопок. Параметр 'settings' имеет следующие свойства:
    • cssClass (string): CSS-класс или CSS-классы, которые будут применены к элементу. Пример: "cssClass:'button remove'".
    • css (object): Объект, который содержит имена и значения CSS-свойств. Пример: "css:{'width':'100px', 'height':'50px'}".
      Важно! весь CSS, связанный с вертикальным позиционированием, будет игнорироваться, если значение "verticalAlignMode" не равно "Custom".
      Важно: весь CSS, связанный с горизонтальным позиционированием, будет игнорироваться, если значение "horizontalAlignMode" не равно "Custom".
      Важно: все CSS-стили связанные с размером, будут игнорироваться, если "layoutDirectionMode" не имеет значения "Custom".
    • properties (object): Объект, который содержит имена и значения атрибутов элемента. Пример: "properties:{'title':'Hello', 'id':'helloId'}"
    • events (object): Объект, который содержит функции вызова событий. Каждое свойство объекта имеет следующие параметры:
      • Имя свойства - имя события (Пример: "click", "change", "mouseover", ...).
      • Значение свойства - делегат события ИЛИ объект - {callback:callback, data: Объект, содержащий дополнительные данные, которые будут переданы в обратный вызов}.
      Пример: "events:{'click':function(){console. log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }".
    • states (object): Экземпляр класса WebUiElementStateCollectionJS.
    • title (string): Атрибут 'title' элемента (эквивалентно - "properties:{'title':'some title) '}"). Важно! Если определены состояния и активное состояние WebUiElementJS.get_ActiveState имеет заголовок, UI-элемент будет иметь заголовок активного состояния.
    • id (string): Атрибут 'id' для элемента (эквивалентно - "properties:{'id':'elementId'}").
    • onClick (object): Функция вызова события "click".
    • onChange (object): Функция вызова события 'change'.
    • localizationId (string): Уникальный идентификатор локализации.
    : object
    ) : WebUiToggleButtonJS;

    Parameters

    settings
    Настройки кнопки. Параметр 'settings' имеет следующие свойства:
    • layoutDirectionMode (object): Объект WebLayoutDirectionModeEnumJS, который определяет направление расположения раскрывающегося списка кнопок. Значение по умолчанию - WebLayoutDirectionModeEnumJS.Column.
    • horizontalAlignMode (object): Объект WebHorizontalAlignModeEnumJS, который определяет горизонтальное выравнивание раскрывающегося списка кнопок. Значение по умолчанию - WebHorizontalAlignModeEnumJS.StartAtLeft.
    • verticalAlignMode (object): Объект WebVerticalAlignModeEnumJS, определяющий горизонтальное выравнивание раскрывающегося списка кнопок. Значение по умолчанию - WebVerticalAlignModeEnumJS.StartAtBottom.
    • fireButtonClickEvent (boolean): true - UI-элемент откроет раскрывающийся список и вызовет событие щелчка WebUiToggleButtonJS.get_ActiveButton кнопка при щелчке мышью по UI-элементу; false - UI-элемент будет открывать раскрывающийся список при нажатии мыши на UI-элемент. Значение по умолчанию - true.
    items
    Массив объектов WebUiButtonJS.
    panelSettings
    Настройки контейнера для указанных кнопок. Параметр 'settings' имеет следующие свойства:
    • cssClass (string): CSS-класс или CSS-классы, которые будут применены к элементу. Пример: "cssClass:'button remove'".
    • css (object): Объект, который содержит имена и значения CSS-свойств. Пример: "css:{'width':'100px', 'height':'50px'}".
      Важно! весь CSS, связанный с вертикальным позиционированием, будет игнорироваться, если значение "verticalAlignMode" не равно "Custom".
      Важно: весь CSS, связанный с горизонтальным позиционированием, будет игнорироваться, если значение "horizontalAlignMode" не равно "Custom".
      Важно: все CSS-стили связанные с размером, будут игнорироваться, если "layoutDirectionMode" не имеет значения "Custom".
    • properties (object): Объект, который содержит имена и значения атрибутов элемента. Пример: "properties:{'title':'Hello', 'id':'helloId'}"
    • events (object): Объект, который содержит функции вызова событий. Каждое свойство объекта имеет следующие параметры:
      • Имя свойства - имя события (Пример: "click", "change", "mouseover", ...).
      • Значение свойства - делегат события ИЛИ объект - {callback:callback, data: Объект, содержащий дополнительные данные, которые будут переданы в обратный вызов}.
      Пример: "events:{'click':function(){console. log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }".
    • states (object): Экземпляр класса WebUiElementStateCollectionJS.
    • title (string): Атрибут 'title' элемента (эквивалентно - "properties:{'title':'some title) '}"). Важно! Если определены состояния и активное состояние WebUiElementJS.get_ActiveState имеет заголовок, UI-элемент будет иметь заголовок активного состояния.
    • id (string): Атрибут 'id' для элемента (эквивалентно - "properties:{'id':'elementId'}").
    • onClick (object): Функция вызова события "click".
    • onChange (object): Функция вызова события 'change'.
    • localizationId (string): Уникальный идентификатор локализации.
    Совместимость с веб браузерами
    9
    5
    11
    5
    Смотрите также