Accordion Tab

UI Components for Vue
Post Reply
maydinbil
Posts: 32
Joined: 15 Jan 2015, 17:51
Location: Bursa,Turkiye

02 Mar 2020, 16:09

I bring the data when I click to tab. But the datatable is not updated or fill.

<Accordion :multiple="true" @tab-open="getTabDetay">
<AccordionTab name="test-tab" >
<template slot="header">
<i class="pi pi-user"></i>
<span>Test</span>
</template>
</AccordionTab>
<AccordionTab name="desing-tab" >
<template slot="header">
<i class="pi pi-user"></i>
<span>Analiz</span>
</template>
<DataTable :value="desingList" class="p-datatable-responsive"
:selection.sync="selecteddesing" selectionMode="single"
dataKey="Id" :paginator="true" :rows="5">
<Column field="PTime" header="Process Date">
<template #body="slotProps">
<span>{{ formatDateTime(slotProps.data.PTime)}}</span>
</template>
</Column>
<Column field="note" header="Note">
<template #body="slotProps">
<span>{{ slotProps.data.note.substr(0, 50) }}...</span>
</template>
</Column>
</DataTable>
</AccordionTab>

</Accordion>
async getTabDetay(event) {
let tabadi = event.tab.$attrs.name
if (tabadi === "test-tab") {

} else if (tabadi === "desing-tab") {
this.desingList = [];
await this.getdesingList();
}
}

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest