Eventos do componente do painel

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. 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 aos 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 script do cliente Redirecionar para lista de painel. Para abrir scripts de cliente, 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 uma visualização no painel for clicada. Ele usa o script do cliente clicado no Widget do painel. Para adicionar um detalhamento personalizado:
    1. Defina a propriedade defaultDrilldowns como falso.
    2. Adicione o manipulador de eventos clicado do widget do painel.
    3. Abra o script do cliente clicado no Widget do painel. Para abrir scripts de cliente, selecione o ícone na barra lateral da página.
    4. Localize o código api.emit('NAV_ITEM_SELECTED', carga); e atualizar carga para alinhar com sua lógica de redirecionamento personalizada.