i

Please enable JavaScript to view this site.

Documentación 8.5

Los métodos de acceso se utilizan para recuperar elementos o acceder a funcionalidades específicas.

Método de Acceso

 

 

Nombre

Descripción

Resultado

$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"

Envianos tu comentario
Compartir en X Compartir en Linkedin Enviar por Email Imprimir