po-angular
po-angular copied to clipboard
<po-table>: Emissor de campo de pesquisa e emissor de dados após modificação
Descrição da melhoria
Gostaria de duas melhorias:
- A po-table poderia emitir o texto que foi digitado no campo de pesquisa.
- 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: