Controlar eventos expuestos por componentes Graph Toolkit Microsoft

Muchos componentes Graph Toolkit microsoft emiten eventos personalizados. Adjuntar controladores de eventos a estos eventos te permite responder a ellos y controlar el comportamiento de la aplicación.

Descubrir qué componentes de eventos emiten

Cada componente Graph Toolkit microsoft emite diferentes eventos, específicos de su funcionalidad. Para ver la lista de eventos emitidos por el componente específico, consulte la sección Eventos de la documentación de ese componente.

Importante

Algunos eventos, como itemClick en el componente De lista de archivos, se emiten solo cuando se usa la plantilla predeterminada. Si usa una plantilla personalizada, sobrescribirá la representación predeterminada responsable de emitir el evento.

Agregar controladores de eventos a eventos

Microsoft Graph Toolkit la función EventTarget.dispatchEvent() estándar para emitir eventos personalizados en sus componentes. Para adjuntar un controlador de eventos a un evento personalizado emitido por el componente de un kit de herramientas, use la función EventTarget.addEventListener() estándar.

Por ejemplo, para controlar el evento emitido por el componente de lista itemClick Archivo, agregue lo siguiente al código.

document.querySelector('mgt-file-list').addEventListener('itemClick' e => {
  // your event handler code goes here
});

Obtener acceso a información adicional expuesta por el evento

Algunos eventos emitidos por Microsoft Graph Toolkit contienen información adicional relevante para el evento. Por ejemplo, el evento, emitido por el componente de lista Archivo, contiene información sobre el archivo en el que se hizo clic itemClick en la lista de archivos. Para ver si el evento en particular contiene información adicional, consulte la sección Eventos de la documentación del componente correspondiente.

Puede obtener acceso a la información adicional expuesta por un evento a través de la propiedad del objeto pasado al controlador de eventos, como se muestra details event en el ejemplo siguiente.

document.querySelector('mgt-file-list').addEventListener('itemClick', e => {
  const clickedFile = e.details;
});