$d.createSelect(configuration, container)

Crea un listado de selección, dentro de un contenedor, con los valores especificados en la configuración enviada por parámetro.

Parámetros

•Object configuration: Objeto de configuración del listado

•DOMElement string container: Contenedor donde se mostrará el listado

Ejemplo

let itemsList = [

       {

           value: 'Argentina',

           id: '1'

       },

       {

           value: 'Chile',

           id: '2'

       },

       {

           value: 'Brasil',

           id: '3'

       },

       {

           value: 'Paraguay',

           id: '4'

       }

   ];

   $d.createSelect({

       idKey: "id",

       valueKey: "value",

       list: itemsList,

       test_id: "types",

       onHandleSelectItem: handleChangeTypeFilter,

       placeholder: 'Seleccione Item'

   }, 'container1');

   function handleChangeTypeFilter(value) {

       console.log("value ",value);}

Notas

•El formato de la lista debe ser como el formato especificado.

•El valor del atributo idKey es el identificador de cada ítem.

•El valor del atributo valueKey es el atributo en el que se va a filtrar.

•En el atributo onHandleSelectItem se envía la función a ejecutar cuando se selecciona un item. En el ejemplo se paso la función handleChangeTypeFilter que imprime el valor en pantalla.

UpdateSelectFunctions: Objeto con funciones

$d.createSelectMultiple(configuration, container)

Crea un listado de selección múltiple, dentro de un contenedor, con los valores especificados en la configuración enviada por parámetro.

Parámetros

•Object configuration: Objeto de configuración del listado

•DOMElement string container: Contenedor donde se mostrará el listado

Ejemplo

let itemsList = [

   {

       value: 'CRM',

       id: '1'

   }

];

function showSelect() {

   componentSelect = $d.createSelectMultiple({

       idKey: "id",

       valueKey: "value",

       list: itemsList,

       selects: selectedApps,

       placeholder: " Seleccione aplicacion...",

       functions: {

           onChange: handleChangeTypeFilter,

       },

   }, "selectApps");

   function handleChangeTypeFilter(value) {

       console.log("value ", value);

   }

}

UpdateSelectMultipleFunctions: Objeto con funciones

$d.createTextEditor(configuration, container)

Crea un editor de texto enriquecido dentro de un contenedor especificado.
 
Parámetros

•Object configuration: Objeto de configuración del listado

•DOMElement string container: Contenedor donde se mostrará el listado

Ejemplo

let textEditorProps = {

   initialValue: "text",

   onChange: handleChangeTextEditor,

   options: [

       "blockType",

       "fontFamily",

       "fontSize",

       "textAlign",

       "colorPicker",

       "inline",

       "history",

   ],

   inlineOptions: ["bold", "italic", "underline", "strikethrough"],

   blockTypeOptions: ["Normal", "H1", "H2", "H3", "H4", "H5", "H6"],

   fontFamilyOptions: [

       "Arial",

       "Brush Script MT, cursive",

       "Calibri",

       "Courier New",

       "Georgia",

       "Lucida Sans Typewriter, monospace",

       "Roboto Medium",

       "Roboto",

       "Tahoma",

       "Times New Roman",

       "Trebuchet MS",

   ],

};

$d.createTextEditor(textEditorProps, "container1");

-

$d.getAttributeDataType(idElement, attributeName)

Retorna el dato del atributo enviado por parámetro de un elemento determinado.

Parámetros

•String idElement: Identificador del elemento

•String attributeName: Nombre del atributo a consultar

  Valores Posibles: "value" | "editable" | "visible"

String

$d.getCurrentBreakpoint()

Retorna el breakpoint actual.

String: "DESKTOP" | "TABLET" | "MOBILE"