Pagelist 分页列表 1.1.0

继承自：List

查看示例：Demo (PC需开启模拟器)

pagelist

属性

pagesize { Number } #

每页加载的数据量，默认15条

useRefresh { Boolean } #

是否启用刷新功能，默认为true，开启下来刷新组件

useLoadmore { Boolean } #

是否启用加载更多功能，默认为true，开启上拉加载更多

infinite { Boolean } #

是否加载大量数据，默认为false，false是append节点，true会有固定个数的节点，滚动的时候移动节点和更新数据

selectedClass { String } #

选中后的样式

isTransition { Boolean } #

默认滚动的动画效果，默认为false，true使用css的transition，false使用js动画

nodataViewData { Object } #

没有数据时默认的数据（如果你传递的nodataTpl需要数据）

nodataTpl { String } #

没有数据的提示模板

refreshTpl { String } #

下拉刷新提示模板

loadmoreTpl { String } #

加载更多提示提示模板

compiler { Function } #

模板引擎，默认为内置的模板引擎，若传值，如要compiler含有config和render方法

方法

destroy #

销毁组件

getPageNum #

获得当前组件的是第几页

返回值: Number 获得当前组件的是第几页

setPageNum 0.1.11 #

设置页码

方法参数:

参数名 类型 描述 必选 支持版本
pageNum Number | String 设置pagelist的页码

resize #

根据窗口大小重新调整组件位置和大小

reloadNodataView #

重新渲染没有数据的模板

stopAndScrollTo #

停止滚动并滚动到指定位置

方法参数:

参数名 类型 描述 必选 支持版本
translateY Number 指定滚动到的位置

返回值: Boolean 是否成功

refresh #

刷新组件的数据

方法参数:

参数名 类型 描述 必选 支持版本
data Array 加载到的数据
isFail Boolean 加载是否成功，如果加载数据碰到异常才设置成true

loadMore #

组件加载更多数据

方法参数:

参数名 类型 描述 必选 支持版本
data Array 加载到的数据
isFail Boolean 加载失败，如果加载数据碰到异常才设置成true

simulateRefresh #

手动模拟刷新列表操作，组件滚动到头部

reloadData #

重新加载数据

方法参数:

参数名 类型 描述 必选 支持版本
data Array 重新加载的数据
事件

refresh #

用户下拉列表满足刷新条件时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
pageNum Number 当前的页码

loadmore #

用户上拉列表满足加载更多条件时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
pageNum Number 当前的页码

ready #

渲染完成后触发的事件

selectitem #

用户选择某项数据时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
data Object 当前选择项目的数据
itemEl HTMLElement 当前选择项目的节点
targetEl HTMLElement 用户点击的实际节点