layUI分页处理--乐字节前端
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layUI分页处理--乐字节前端相关的知识,希望对你有一定的参考价值。
参考技术A <font color="red">模块加载名称: laypage </font>
laypage 的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染。
通过核心方法: laypage.render(options) 来设置基础参数。
当分页被切换时触发,函数返回两个参数: obj (当前分页的所有选项值)、first(是否首次,一般用于初始加载的判断)
<font color="red">模块加载名称: table </font>
创建一个table实例最简单的方式是,在页面放置一个元素 <table id="demo"></table> ,然后通过 table.render() 方法指定该容器。
数据接口 user.json
在一段 table 容器中配置好相应的参数,由 table 模块内部自动对其完成渲染,而无需你写初始的渲染方法。
1) 带有 class="layui-table" 的 <table> 标签。
2) 对标签设置属性 lay-data="" 用于配置一些基础参数
3) 在 <th> 标签中设置属性 lay-data="" 用于配置表头信息
页面已经存在了一段有内容的表格,由原始的table标签组成,只需要赋予它一些动态元素。
执行用于转换表格的JS方法
以上是关于layUI分页处理--乐字节前端的主要内容,如果未能解决你的问题,请参考以下文章
一分钟了解HTML 与 CSS(乐字节,乐字节java,乐字节架构)2
一分钟了解HTML 与 CSS(乐字节,乐字节java,乐字节架构)2