po-angular icon indicating copy to clipboard operation
po-angular copied to clipboard

<po-table>: Emissor de campo de pesquisa e emissor de dados após modificação

Open eduardodallmann opened this issue 7 months ago • 0 comments

Descrição da melhoria

Gostaria de duas melhorias:

  1. A po-table poderia emitir o texto que foi digitado no campo de pesquisa.
  2. Após ordenar ou modificar as colunas ou filtrar, a po-table deveria emitir os dados da mesma forma como estão sendo visualizados em tela.

Caso de uso

Primeira necessidade, eu preciso do texto usado na pesquisa da po-table. Contorno utilizado: tive que acessar o DOM para procurar pela classe 'po-search-input' e incluir um event listener keyup para capturar o que está sendo digitado no input de pesquisa e outro event listener para clicar no X do campo de pesquisa. Melhoria sugerida: deve existir um emitter para o change do campo de pesquisa.

Segunda necessidade, eu preciso dos dados filtrados, ordenados da mesma forma como apresentados em tela para poder exportar dados para excel, pdf e csv. Contorno utilizado: tive que fazer toda a filtragem, remoção de colunas e ordenação de forma manual. Melhoria sugerida: deve existir um emitter que devolva os dados sempre que houver uma filtragem ou modificação nas colunas ou ordenação de colunas.

Informações adicionais

Segue o código que tive que fazer para poder ter os dados refletindo as modificações feitas na po-table. https://codesandbox.io/p/devbox/table-filter-emitter-48n92t

Demonstração de uso: po-table

eduardodallmann avatar Jul 24 '24 18:07 eduardodallmann