i
Misceláneos
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. •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" |