EasyUI Forum
March 29, 2024, 12:31:35 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Why datagrid not provide jump page button?  (Read 5600 times)
srw962
Newbie
*
Posts: 5


View Profile Email
« 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
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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>
Logged
srw962
Newbie
*
Posts: 5


View Profile Email
« Reply #2 on: December 17, 2018, 08:00:06 PM »

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

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>
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 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>
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!