59 lines
1.5 KiB
Vue
Executable File
59 lines
1.5 KiB
Vue
Executable File
<template>
|
|
<RPPDropdown
|
|
:modelValue="rows"
|
|
:options="rowsOptions"
|
|
optionLabel="label"
|
|
optionValue="value"
|
|
@update:modelValue="onChange($event)"
|
|
:class="cx('rowPerPageDropdown')"
|
|
:disabled="disabled"
|
|
:unstyled="unstyled"
|
|
:pt="ptm('rowPerPageDropdown')"
|
|
data-pc-section="rowperpagedropdown"
|
|
data-pc-group-section="pagedropdown"
|
|
>
|
|
<template v-if="templates['rowsperpagedropdownicon']" #dropdownicon="slotProps">
|
|
<component :is="templates['rowsperpagedropdownicon']" :class="slotProps.class" />
|
|
</template>
|
|
</RPPDropdown>
|
|
</template>
|
|
|
|
<script>
|
|
import BaseComponent from 'primevue/basecomponent';
|
|
import Dropdown from 'primevue/dropdown';
|
|
|
|
export default {
|
|
name: 'RowsPerPageDropdown',
|
|
hostName: 'Paginator',
|
|
extends: BaseComponent,
|
|
emits: ['rows-change'],
|
|
props: {
|
|
options: Array,
|
|
rows: Number,
|
|
disabled: Boolean,
|
|
templates: null
|
|
},
|
|
methods: {
|
|
onChange(value) {
|
|
this.$emit('rows-change', value);
|
|
}
|
|
},
|
|
computed: {
|
|
rowsOptions() {
|
|
let opts = [];
|
|
|
|
if (this.options) {
|
|
for (let i = 0; i < this.options.length; i++) {
|
|
opts.push({ label: String(this.options[i]), value: this.options[i] });
|
|
}
|
|
}
|
|
|
|
return opts;
|
|
}
|
|
},
|
|
components: {
|
|
RPPDropdown: Dropdown
|
|
}
|
|
};
|
|
</script>
|