alicorn-dev/KintoneAppBuilder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ユーザードメインページを最適化しました : ページネーションを無限大に設定し、仮想リストを有効にしました。

Browse Source
This commit is contained in:
Mouriya
2024-08-19 11:56:17 +09:00
parent 53e5a449d4
commit cca7a1ba22
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/pages/UserDomain.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="q-pa-lg"> <div class="q-pa-lg">
<q-table grid grid-header title="Domain" selection="single" :rows="rows" :columns="columns" <q-table grid grid-header title="Domain" selection="single" :rows="rows" :columns="columns"
v-model:selected="selected" row-key="name" :filter="filter" hide-header> v-model:selected="selected" row-key="name" :filter="filter" virtual-scroll v-model:pagination="pagination">
<template v-slot:top> <template v-slot:top>
<div class="q-gutter-sm"> <div class="q-gutter-sm">
<q-btn class="q-mx-none" color="primary" label="追加" @click="newDomain()" /> <q-btn class="q-mx-none" color="primary" label="追加" @click="newDomain()" />
@@ -14,6 +14,11 @@
</q-input> </q-input>
</template> </template>
<template v-slot:header>
<div style="height: 1dvh">
</div>
</template>
<template v-slot:item="props"> <template v-slot:item="props">
<div class="q-pa-sm"> <div class="q-pa-sm">
<q-card> <q-card>
@@ -91,6 +96,8 @@ const filter = ref()
let editId = ref(0); let editId = ref(0);
let activedomainid = ref(0); let activedomainid = ref(0);
const pagination = ref({ rowsPerPage: 0 });
const columns = [ const columns = [
{ name: 'id' }, { name: 'id' },
{ name: 'name', required: true, label: 'Name', align: 'left', field: 'name', sortable: true }, { name: 'name', required: true, label: 'Name', align: 'left', field: 'name', sortable: true },