Nota
O acesso a esta página requer autorização. Pode tentar iniciar sessão ou alterar os diretórios.
O acesso a esta página requer autorização. Pode tentar alterar os diretórios.
Cuidado
O Microsoft Graph Toolkit foi preterido. O período de aposentadoria começa em 1º de setembro de 2025, com aposentadoria total planejada para 28 de agosto de 2026. Os desenvolvedores devem migrar para o uso dos SDKs do Microsoft Graph ou outras ferramentas do Microsoft Graph com suporte para criar experiências na Web. Para obter mais informações, consulte o anúncio de substituição.
Muitos componentes do Microsoft Graph Toolkit emitem eventos personalizados. Anexar manipuladores de eventos a esses eventos permite que você responda a eles e controle o comportamento do seu aplicativo.
Descubra quais componentes de eventos emitem
Cada componente do Microsoft Graph Toolkit emite eventos diferentes, específicos para sua funcionalidade. Para ver a lista de eventos emitidos pelo componente específico, consulte a seção Eventos da documentação desse componente.
Importante
Alguns eventos, como itemClick no componente Lista de arquivos, são emitidos somente ao usar o modelo padrão. Se você usar um modelo personalizado, substituirá a renderização padrão responsável pela emissão do evento.
Adicionar manipuladores de eventos a eventos
O Microsoft Graph Toolkit usa a função padrão EventTarget.dispatchEvent() para emitir eventos personalizados em seus componentes. Para anexar um manipulador de eventos a um evento personalizado emitido por um componente do kit de ferramentas, use a função padrão EventTarget.addEventListener() .
Por exemplo, para manipular o itemClick evento emitido pelo componente Lista de arquivos, adicione o seguinte ao código.
document.querySelector('mgt-file-list').addEventListener('itemClick', e => {
// your event handler code goes here
});
Acessar informações adicionais expostas pelo evento
Alguns eventos emitidos pelo Microsoft Graph Toolkit contêm informações adicionais relevantes para o evento. Por exemplo, o itemClick evento, emitido pelo componente Lista de arquivos, contém informações sobre o arquivo que foi clicado na lista de arquivos. Para ver se o evento específico contém informações adicionais, consulte a seção Eventos da documentação do componente correspondente.
Você pode acessar as informações adicionais expostas por um evento por meio details da propriedade do objeto passado para o event manipulador de eventos, conforme mostrado no exemplo a seguir.
document.querySelector('mgt-file-list').addEventListener('itemClick', e => {
const clickedFile = e.details;
});