gustavo/organiza-jogos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Evento de clicar em um jogo

Browse source
This commit is contained in:
Gustavo Barbosa 2025-08-13 22:14:35 -03:00
parent 863d98494f
commit 0d3525620f
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/components/TabelaDeJogos.vue
View file

@ -9,6 +9,10 @@ defineProps<{
jogos: Jogo[] jogos: Jogo[]
}>(); }>();
defineEmits<{
selecionarJogo: [jogo: Jogo]
}>();
const filtros = ref({ const filtros = ref({
nome: { value: null, matchMode: 'contains' }, nome: { value: null, matchMode: 'contains' },
loja: { value: null, matchMode: 'equals' }, loja: { value: null, matchMode: 'equals' },
@ -25,7 +29,8 @@ function lojas(jogos: Jogo[]): string[] {
<template> <template>
<DataTable v-model:filters="filtros" :value="jogos" sort-mode="multiple" data-key="id" filter-display="row" <DataTable v-model:filters="filtros" :value="jogos" sort-mode="multiple" data-key="id" filter-display="row"
:globalFilterFields="['nome', 'estado', 'loja', 'preco']"> :globalFilterFields="['nome', 'estado', 'loja', 'preco']" row-hover
@row-click="$emit('selecionarJogo', $event.data)">
<Column field="nome" sortable header="Nome"> <Column field="nome" sortable header="Nome">
<template #filter="{ filterModel, filterCallback }"> <template #filter="{ filterModel, filterCallback }">