Category: Client-Side

Si habéis intentado llamar a una función asíncrona dentro del hook de useEffect es posible que os hayáis encontrado con un error que no os lo permite: Argument of type ‘() => Promise<void>’ is not assignable to parameter of type ‘EffectCallback’. El error aparece al intentar añadir el “async”, pero no se puede asignar la […]
Si los iconos no aparecen cuando instanciamos componentes de Fabric UI, debemos inicializarlos en nuestro código una única vez, al inicio de cargar nuestra aplicación. Debemos importar el typing y llamar al metodo de inicialización: import { initializeIcons } from '@uifabric/icons'; initializeIcons(); Más información: https://github.com/OfficeDev/office-ui-fabric-react/blob/master/packages/icons/README.md
Error: { "error": { "code": "BadRequest", "message": "Syntax error: character '*' is not valid at position 0 in '*'.", "innerError": { "request-id": "aa4dd443-8100-46d4-8d3d-da83ac969266", "date": "2018-10-02T08:41:03" } } Posible Motivo: Estamos utilizando una de las variables que aparece en la documentacion, por ejemplo ‘search’ de este modo: https://graph.microsoft.com/v1.0/sites?$search=* Solución: Utilizar la variable directamente mediante su nombre, […]
Primer paso: Añadir el recurso en package-solution (Resource y Scope): { "$schema": "https://dev.office.com/json-schemas/spfx-build/package-solution.schema.json", "solution": { "name": "spfx-package", "id": "8s13d6v9-d221-468d-22e4-2d207b966cd2", "version": "1.0.0.0", "includeClientSideAssets": true, "skipFeatureDeployment": true, "webApiPermissionRequests": [ { "resource": "Microsoft Graph", "scope": "User.ReadBasic.All" } ] }, "paths": { "zippedPackage": "solution/spfx-package.sppkg" } Segundo Paso: Aprobar los permisos desde el Admin Center de nuestro tenant (Advanced -> […]
Podemos subir un fichero (Hasta un máximo de 2Mb) desde nuestro Client WebPart en SharePoint Framework a través de JSOM. Para ello debemos añadir un fichero, procesarlo e incluirlo en la librería, siguiendo estos pasos:   Debemos obtener el fichero que queremos subir, ya sea mediante alguna librería de terceros (como dropzone.js) o con un […]
Para saber como subir un fichero a una librería de SharePoint podéis seguir el anterior post donde se explica paso a paso: Subir Fichero en SharePoint Online desde SPFx (React + Typescript) Para subirlo al Root Folder hacemos: let fileToUpload = docs.get_rootFolder().get_files().add(fci); Si queremos subirlo a una carpeta, podemos simplemente navegar hasta ella antes de añadir […]
Podemos asignar el valor de un Enum a nuestro propio Enum a través de su índice. Por ejemplo, si recibimos un valor de un Enum y lo tenemos que mapear a nuestro propio objeto, tan solo debemos especificar que lo que recibimos es un número y automáticamente se asignara a ese mismo número en nuestro […]
El bucle FOR de Typescript nos permite utilizar en cada iteración tanto el índice como el elemento de la lista de objetos.   FOR … IN El iterador For-In nos dará el índice en el que nos encontremos: for (let index in myObjects) { //En cada iteración tendremos el índice en la variable "index" //("0", […]
Si tenemos una fecha a mostrar, por ejemplo: {{item.ItemDate}} Podemos formatearla como queramos mediante: {{item.ItemDate | date: 'dd/MM/yyyy HH:mm'}} Hay una descripción completa de todas las opciones de formato en la documentación de Angular: https://docs.angularjs.org/api/ng/filter/date Adjunto aqui también ese listado: ‘yyyy’: 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010) ‘yy’: 2 […]
Podemos mostrar u ocultar un elemento utilizando una función personalizada para poder realizar todas las comprobaciones que necesitemos para tomar una decisión. Ejemplo: Tenemos una tabla y queremos mostrar un elemento (por ejemplo, un icono) en cada fila solo en el caso en el que la propiedad “itemDate” del item es la fecha de hoy. […]