Eventos do componente do painel

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 1 min. de leitura

    • Selecione manipuladores de eventos para configurar as ações (eventos) fornecidas com o componente do painel.

    A guia Eventos mostra os eventos usados pelo componente do painel. Para exibir os eventos disponíveis, selecione + Adicionar mapeamento de evento. Selecione o evento na lista para adicionar um ou mais manipuladores de eventos.

    Manipuladores de eventos

    Os manipuladores de eventos trabalham com recursos de dados para vincular as ações do painel aos dados que você deseja exibir para os usuários. Selecione o evento na lista para adicionar um ou mais manipuladores de eventos.

    Descrições do evento

    Evento Descrição
    Navegue até a página de visão geral do painel Expedido quando o painel é fechado e redireciona para a biblioteca de painéis. Você pode personalizar esse comportamento alterando a rota e o título no client script Redirecionar para a lista do painel. Para abrir client scripts, selecione o ícone <> na barra lateral da página.
    * @param {params} params
* @param {api} params.api
* @param {any} params.event
* @param {any} params.imports
* @param {ApiHelpers} params.helpers
*/
function handler({api}) {
    api.emit('SCREEN_STATUS_CHANGED', {status: 'closed'});
    api.emit('NAV_ITEM_SELECTED', {
        route: 'dashboard-library',
        title: 'Dashboard Library',
    });
}
    Widget do painel clicado
    Adicione este manipulador de eventos se quiser substituir o detalhamento padrão pelo comportamento personalizado quando um gráfico no painel for clicado. Ele usa o client script do widget do painel clicado. Para adicionar um detalhamento personalizado:
    1. Defina a propriedade defaultDrilldowns como falsa.
    2. Adicione o manipulador de eventos do widget do painel clicado.
    3. Abra o client script do widget do painel clicado. Para abrir client scripts, selecione o ícone <> na barra lateral da página.
    4. Localize o código api.emit('NAV_ITEM_SELECTED', payload); e atualize a carga para se alinhar com sua lógica de redirecionamento personalizada.