PagedTable 分页表格

PagedList组件和DataTable组件的高阶封装,集成两组件功能,可用于生成通用分页表格。

基础用法

需要传入columns来生成表格列,需要传入data来显示数据和分页组件,需要传入get-paged-data回调函数来响应组件内数据变化。

复杂功能

本例模拟了常见场景下的列表页面的基础要素,包括搜索条件,分页,单一条件排序(后端排序)

使用提示

组件透传了对应参数以及事件绑定给`PagedList`组件和`DataTable`组件

Attributes

参数类型说明可选值默认值
data-table-propsobjectDataTable组件绑定参数。可选传参方式----
data-table-eventsobjectDataTable组件绑定事件对象----
init-sortobject远程排序数据的初始值。格式为{orderby: 'id',order: 'desc'}----
└ orderbystring排序字段----
└ orderstring排序规则desc/asc--
sort-prop-keysobjectparams数据中排序参数的键名,仅控制params对象中的键名,设置初始值时仍为orderbyorder----
└ orderbystringparams中排序字段键名--orderby
└ orderstringparams中排序规则键名--order

Events

组件透传绑定事件给PagedList组件和DataTable组件,可直接在组件上监听对应组件事件。

Methods

组件代理了PagedList组件和DataTable组件(包括Table组件)提供的所有方法,可以直接在组件实例上调用。

Last Updated:
Contributors: wxhccc, wxhccche