VcnStudio开发者交流社区

求助各位大佬 Ly分页框怎么使用呀？ [复制链接]

榕均发表于 2025-07-24 39 3

求助各位大佬 Ly分页框怎么使用呀？还有标红的分页怎么放到下面？象用分页做一个教学页面，第一步第二步.....这样，但是这个组件怎么用呀？有木有大佬用过？求一个例程！灰常感谢！

榕均 2025-07-24

引用 @Course 的回复:

这个在LayUI组件演示例程里面有这个组件的使用方法，使用示例：

事件 页面加载完毕()
    Ly静态表格1.拉伸内容 = 真
    Ly静态表格1.置表头("ID","用户名","年龄","性别")
    变量循环(i = 0,10,1)
        Ly静态表格1.添加一行("ID" + i,"姓名" + i,"20","男")
    结束循环
    ' 分页框中的数据总数为表中总数据，（非一页数据）
    ' 这里模拟100条数据，实际应该从后端接口中获取
    Ly分页框1.数据总数 = 100
    ' 设置每页显示10条数据
    Ly分页框1.每页数量 = 10
    ' 排版模式取值参考：https://layui.dev/docs/2/laypage/#options
    Ly分页框1.排版模式 = ["count","prev","page","next","limit","refresh","skip"]
    ' 监听页码被点击
    Ly分页框1.置页码被改变回调((被点击页码)=>{
        调试输出("点击了页码：" + 被点击页码)
        ' 当点击页码时，同步从后端接口获取数据、然后添加到表格中
        获取接口数据(被点击页码)
    })
    Ly分页框1.渲染()
结束 事件

函数 获取接口数据(页码)
    ' 请求接口...
    ' 这里模拟演示、使用循环添加数据
    Ly静态表格1.清空()
    变量循环(i = 0,10,1)
        Ly静态表格1.添加一行("ID" + i,"第" + 页码 + "页,姓名" + i,"20","男")
    结束循环
结束 函数

由于之前开了几个例程都提示错误，以为尝鲜版没有提供例程。非常感谢！

榕均 2025-07-24

引用 @Course 的回复:

这个在LayUI组件演示例程里面有这个组件的使用方法，使用示例：

事件 页面加载完毕()
    Ly静态表格1.拉伸内容 = 真
    Ly静态表格1.置表头("ID","用户名","年龄","性别")
    变量循环(i = 0,10,1)
        Ly静态表格1.添加一行("ID" + i,"姓名" + i,"20","男")
    结束循环
    ' 分页框中的数据总数为表中总数据，（非一页数据）
    ' 这里模拟100条数据，实际应该从后端接口中获取
    Ly分页框1.数据总数 = 100
    ' 设置每页显示10条数据
    Ly分页框1.每页数量 = 10
    ' 排版模式取值参考：https://layui.dev/docs/2/laypage/#options
    Ly分页框1.排版模式 = ["count","prev","page","next","limit","refresh","skip"]
    ' 监听页码被点击
    Ly分页框1.置页码被改变回调((被点击页码)=>{
        调试输出("点击了页码：" + 被点击页码)
        ' 当点击页码时，同步从后端接口获取数据、然后添加到表格中
        获取接口数据(被点击页码)
    })
    Ly分页框1.渲染()
结束 事件

函数 获取接口数据(页码)
    ' 请求接口...
    ' 这里模拟演示、使用循环添加数据
    Ly静态表格1.清空()
    变量循环(i = 0,10,1)
        Ly静态表格1.添加一行("ID" + i,"第" + 页码 + "页,姓名" + i,"20","男")
    结束循环
结束 函数

灰常感谢！

官方技术组 2025-07-24

这个在LayUI组件演示例程里面有这个组件的使用方法，使用示例：

事件 页面加载完毕()
    Ly静态表格1.拉伸内容 = 真
    Ly静态表格1.置表头("ID","用户名","年龄","性别")
    变量循环(i = 0,10,1)
        Ly静态表格1.添加一行("ID" + i,"姓名" + i,"20","男")
    结束循环
    ' 分页框中的数据总数为表中总数据，（非一页数据）
    ' 这里模拟100条数据，实际应该从后端接口中获取
    Ly分页框1.数据总数 = 100
    ' 设置每页显示10条数据
    Ly分页框1.每页数量 = 10
    ' 排版模式取值参考：https://layui.dev/docs/2/laypage/#options
    Ly分页框1.排版模式 = ["count","prev","page","next","limit","refresh","skip"]
    ' 监听页码被点击
    Ly分页框1.置页码被改变回调((被点击页码)=>{
        调试输出("点击了页码：" + 被点击页码)
        ' 当点击页码时，同步从后端接口获取数据、然后添加到表格中
        获取接口数据(被点击页码)
    })
    Ly分页框1.渲染()
结束 事件

函数 获取接口数据(页码)
    ' 请求接口...
    ' 这里模拟演示、使用循环添加数据
    Ly静态表格1.清空()
    变量循环(i = 0,10,1)
        Ly静态表格1.添加一行("ID" + i,"第" + 页码 + "页,姓名" + i,"20","男")
    结束循环
结束 函数