Category: Client-Side

Primero debemos añadir un bloque de código a ejecutar en el inicio de nuestro componente que se encargará de añadir un parametro que nos permitirá identificar en que tema estamos. Utilizaremos el contexto actual (puede ser this.context, this.props.context, props.context… dependiendo de cómo desarrolleis el componente). En mi caso trabajamos con React Function Components, y pasamos […]
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 […]