VintaSoft Imaging .NET SDK 14.0: Documentation for Web developer
Vintasoft.Imaging.UI.UIElements Namespace / WebUiSelectElementJS type / WebUiSelectElementJS Constructor(object)
Syntax BrowserCompatibility SeeAlso
In This Topic
    WebUiSelectElementJS Constructor(object)
    In This Topic
    Initializes a new instance of the WebUiSelectElementJS class.
    Syntax
    // Parameters
    var settings; // Type: object
    
    var instance = new Vintasoft.Imaging.UI.UIElements.WebUiSelectElementJS(settings);
    
    
    function WebUiSelectElementJS(
    settings
    The settings of UI element. The settings parameter has the following properties:
    • cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'button remove'".
    • css (object): Object, which contains the names and values of CSS properties. Example: "css:{'width':'100px', 'height':'50px'}".
    • properties (object): Object, which contains the names and values of element properties.Example: "properties:{'title':'Hello', 'id':'helloId'}"
    • events (object): Object, which contains the callbacks of events. Each object property has the following parameters:
      • Property name - event name (Example: "click", "change", "mouseover" etc ).
      • Property value - event callback OR object - {callback:callback, data: Object, that contains additional data that will be passed to the callback}.
      Example:"events:{'click':function(){console.log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }".
    • states (object): An instance of WebUiElementStateCollectionJS class.
    • title (string): Shortcut for 'title' attribute of element (equals - "properties:{'title':'some title'}"). Important: If 'states' is defined and active state WebUiElementJS.get_ActiveState has title, the UI element will have title of active state.
    • id (string): Shortcut for 'id' attribute of element (equals - "properties:{'id':'elementId'}").
    • onClick (object): Shortcut for 'click' event callback.
    • onChange (object): Shortcut for 'change' event callback.
    • localizationId (string): Unique localization ID.
    • options (object): Array of settings of "option" elements. Each object has the following parameters:
      • cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'firstOpt'".
      • text (string): Text of option element. Example: "text:'first option'".
      • value (string): Value of option element.
      • localizationId (string): Unique localization ID.
    • selectedIndex (number): The index of selected option in a drop-down list.
    : object
    ) : WebUiSelectElementJS;

    Parameters

    settings
    The settings of UI element. The settings parameter has the following properties:
    • cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'button remove'".
    • css (object): Object, which contains the names and values of CSS properties. Example: "css:{'width':'100px', 'height':'50px'}".
    • properties (object): Object, which contains the names and values of element properties.Example: "properties:{'title':'Hello', 'id':'helloId'}"
    • events (object): Object, which contains the callbacks of events. Each object property has the following parameters:
      • Property name - event name (Example: "click", "change", "mouseover" etc ).
      • Property value - event callback OR object - {callback:callback, data: Object, that contains additional data that will be passed to the callback}.
      Example:"events:{'click':function(){console.log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }".
    • states (object): An instance of WebUiElementStateCollectionJS class.
    • title (string): Shortcut for 'title' attribute of element (equals - "properties:{'title':'some title'}"). Important: If 'states' is defined and active state WebUiElementJS.get_ActiveState has title, the UI element will have title of active state.
    • id (string): Shortcut for 'id' attribute of element (equals - "properties:{'id':'elementId'}").
    • onClick (object): Shortcut for 'click' event callback.
    • onChange (object): Shortcut for 'change' event callback.
    • localizationId (string): Unique localization ID.
    • options (object): Array of settings of "option" elements. Each object has the following parameters:
      • cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'firstOpt'".
      • text (string): Text of option element. Example: "text:'first option'".
      • value (string): Value of option element.
      • localizationId (string): Unique localization ID.
    • selectedIndex (number): The index of selected option in a drop-down list.
    Browser Compatibility
    56+
    45+
    11
    See Also