Sync added
parent
115b9c5720
commit
920c50aec1
File diff suppressed because it is too large
Load Diff
|
@ -131,6 +131,8 @@ export default {
|
||||||
pageCount: pc
|
pageCount: pc
|
||||||
};
|
};
|
||||||
this.$emit('change', newPageState);
|
this.$emit('change', newPageState);
|
||||||
|
this.$emit('update:first', first);
|
||||||
|
this.$emit('update:rows', rows);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
changePageToFirst(event) {
|
changePageToFirst(event) {
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
|
|
||||||
<div class="content-section implementation">
|
<div class="content-section implementation">
|
||||||
<h3 class="first">Default</h3>
|
<h3 class="first">Default</h3>
|
||||||
<Paginator :first="first" :rows="rows" :totalRecords="totalRecords" @change="onPageChange($event)" :rowsPerPageOptions="[10,20,30]"></Paginator>
|
<Paginator :first.sync="first" :rows.sync="rows" :totalRecords="totalRecords" :rowsPerPageOptions="[10,20,30]"></Paginator>
|
||||||
|
|
||||||
<h3>Custom Template</h3>
|
<h3>Custom Template</h3>
|
||||||
<Paginator :first="first2" :rows="rows2" :totalRecords="totalRecords2" @change="onPageChangeCustom($event)" template="FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink">
|
<Paginator :first="first2" :rows="rows2" :totalRecords="totalRecords2" @change="onPageChangeCustom($event)" template="FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink">
|
||||||
|
@ -32,7 +32,7 @@ import PaginatorDoc from './PaginatorDoc';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
first: 0,
|
first: 0,
|
||||||
rows: 10,
|
rows: 10,
|
||||||
totalRecords: 50,
|
totalRecords: 50,
|
||||||
first2: 0,
|
first2: 0,
|
||||||
|
@ -41,10 +41,6 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
onPageChange(event) {
|
|
||||||
this.first = event.first;
|
|
||||||
this.rows = event.rows;
|
|
||||||
},
|
|
||||||
onPageChangeCustom(event) {
|
onPageChangeCustom(event) {
|
||||||
this.first2 = event.first;
|
this.first2 = event.first;
|
||||||
this.rows2 = event.rows;
|
this.rows2 = event.rows;
|
||||||
|
|
Loading…
Reference in New Issue