Print Page - Why datagrid not provide jump page button?

Title: Why datagrid not provide jump page button?
Post by: srw962 on December 17, 2018, 07:23:15 PM

In locale there is a pagination settings: beforPageText、afterPageText, but both them not used. Why not provide a textbox and jump button like the jQuery EasyUI？
https://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=material-teal&dir=ltr&pitem=&sort=asc

Title: Re: Why datagrid not provide jump page button?
Post by: stworthy on December 17, 2018, 07:51:54 PM

You can custom the page layout, define your page components freely.

Code:

<DataGrid
  style="height:250px"
  :pagination="true"
  :data="data"
  :total="total"
  :pageSize="pageSize"
  :pagePosition="pagePosition"
  :pageLayout="['first','prev','tpl','next','last','info']"
  :pageNumber="pageNumber"
  @pageChange="pageNumber=$event.pageNumber"
>
  <template slot="tpl" slot-scope="{datagrid}">
    <NumberBox v-model="pageNumber" style="width:80px"></NumberBox>
  </template>

Title: Re: Why datagrid not provide jump page button?
Post by: srw962 on December 17, 2018, 08:00:06 PM

I use this method now, but I also want to show the total pageNumber.

Quote from: stworthy on December 17, 2018, 07:51:54 PM

You can custom the page layout, define your page components freely.

Code:

<DataGrid
  style="height:250px"
  :pagination="true"
  :data="data"
  :total="total"
  :pageSize="pageSize"
  :pagePosition="pagePosition"
  :pageLayout="['first','prev','tpl','next','last','info']"
  :pageNumber="pageNumber"
  @pageChange="pageNumber=$event.pageNumber"
>
  <template slot="tpl" slot-scope="{datagrid}">
    <NumberBox v-model="pageNumber" style="width:80px"></NumberBox>
  </template>

Title: Re: Why datagrid not provide jump page button?
Post by: stworthy on December 17, 2018, 08:40:10 PM

Use this code to display the 'total' value on the template.

Code:

<template slot="tpl" slot-scope="{datagrid}">
	<NumberBox v-model="pageNumber" style="width:80px"></NumberBox>
	<span>{{datagrid.totalState}}</span>
</template>

EasyUI Forum

General Category => EasyUI for Vue => Topic started by: srw962 on December 17, 2018, 07:23:15 PM