38 lines
893 B
Vue
38 lines
893 B
Vue
<template>
|
|
<JTPDropdown :modelValue="page" :options="pageOptions" optionLabel="label" optionValue="value" @update:modelValue="onChange($event)" class="p-paginator-page-options" :disabled="disabled"></JTPDropdown>
|
|
</template>
|
|
|
|
<script>
|
|
import Dropdown from 'primevue/dropdown';
|
|
|
|
export default {
|
|
name: 'JumpToPageDropdown',
|
|
inheritAttrs: false,
|
|
emits: ['page-change'],
|
|
props: {
|
|
page: Number,
|
|
pageCount: Number,
|
|
disabled: Boolean
|
|
},
|
|
methods: {
|
|
onChange(value) {
|
|
this.$emit('page-change', value);
|
|
}
|
|
},
|
|
computed: {
|
|
pageOptions() {
|
|
let opts = [];
|
|
|
|
for (let i = 0; i < this.pageCount; i++) {
|
|
opts.push({ label: String(i + 1), value: i });
|
|
}
|
|
|
|
return opts;
|
|
}
|
|
},
|
|
components: {
|
|
JTPDropdown: Dropdown
|
|
}
|
|
};
|
|
</script>
|