Comments (4)
I think that there is no event named @change
, maybe you can use the event @update:modelValue
, and then you can get the changed page number~
from balm-ui.
I've just tried with @update:modelValue over @change and that seems to work. Following this, can we then remove the @change even from the documentation including the examples? It causes some confusion.
To go back to my other question, am I using pagination correctly?
As a side question, how was the pagination/datatable intended to be used? Currently I send the page number and results per page to the server and paginate there, just sending back the information for the current page.
Is this correct, or would the intended use to be send the entire dataset back and have the datatable work out what it wants to currently display from the full dataset?
I haven't looked at the inner workings of the datatable, but for example if I give it 100 results and set it to 10 results per page on the control, it still just displays all of them, so I'm assuming i'm correct in paginating the data on the server?
Cheers
from balm-ui.
Hi @HDShabe , Documentation errors have been fixed. Thank you very much~
And pagination component, in general only need to use page
, total
and pageSize
three parameters to control the front-end display. like this:
<ui-pagination v-model="page" :total="total" :page-size="pageSize"></ui-pagination>
page
andpageSize
need to be passed to the back-end apitotal
must be returned by the server
from balm-ui.
Perfect, thanks for you support @elf-mouse, that's how I had it set up.
Cheers.
from balm-ui.
Related Issues (20)
- Scroll issue when using tabs in Single Page Appplication
- UiTree组件中,选中某个子节点后,再手动修改它的vModel值,之前选中的子节点选中效果无法取消 HOT 5
- 在UiTree组件中,使用 `defaultExpandedKeys` 不能展开全部树节点 HOT 1
- Select options not showing outside of data grid row template again HOT 2
- Handle sort column HOT 1
- "FocusTrap: Element must have at least one focusable child." when the current UiDrawer item is programmaticaly set to be invisible
- Validator with the "individual usage" configuration has no validation rules HOT 2
- Console errors when having radio buttons inside of a ui-skeleton HOT 1
- Console errors when having radio buttons inside of a ui-skeleton HOT 4
- ui-tree, 赋值给v-model,是否可以自动反显出选中状态,以及打开当前选中项的树 HOT 1
- issue with using ui-editor HOT 2
- [Feature Request] Add new props support of <ui-tree> HOT 1
- Editor readonly mode not working HOT 7
- How to make balmui vue components Volar global components compatible?
- 大佬还在YB? HOT 2
- Textfield floating label doesn't follow theme colors HOT 2
- ReadMe.md Update
- Bug in focus state when clearing field HOT 2
- Remove timeout minimum for Snackbar & Toast components? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from balm-ui.