Layui中的表格分页，条件查询，自定义列模板

一、Layui中的表格分页（两种方法）

方法一：

步骤一：在视图中，开启分页（默认：false），注：从layui 2.2.0开始 ，支持闯入一个对象，里面可包含laypage组件所有支持的参数（jump，elem除外），它的类型可为：Boolean 或 object

步骤二：在接口地址中，默认有两个参数（page，limit）page 代表当前页数，limit 代表每页显示数据条数

步骤三：哪个位置开始的公式：（page-1）*limit       如：（1-1）*5=0

哪个位置结束的公式：page*limit-1       如：1*5-1=4

分页中的重要知识点：

1. Skip()跳过序列中指定数量的元素，然后返回剩余的元素
2. Take()从序列的开头返回指定数量的连续元素

方法二：

步骤一：与方法一的步骤一，一样，无需改变

步骤二：先创建一个新的文件夹，再定义一个实体类，将我需要的字段，所有的一些东西都封装到这个实体类中，后面就可以直接通过这个实体类去接收

步骤三：再通过这个类，去实例化一个对象

步骤四：用这个类去接收数据

二、条件查询

步骤一：在body标签里添加一个文本框和一个查询按钮

步骤二：定义一个事件，在onclick里面调用这个方法，再通过获取id，获取里面的值

步骤三：在控制器中，仍然可以调用SelectStudent（）这个方法，但需要在这个方法里面再添加参数，再做一个条件筛选

步骤三：重载（两种方法）

方法一：

把在layTable.render中的url注释，把data取消注释；

在条件查询中，利用表格的重载layTable.reload(‘ID’，{ })，在花   括号里面添加url，where

而SelectStudent（）这个方法不仅在点击的时候调用，还有在layTable.render后面去调用，此时调用的是一个空的，查询全部

方法二：

先定义一个变量tbStudent，获取渲染值

在条件查询里，利用表格的重载layTable.reload({……配置项 })，在花   括号里面添加url，where

步骤四：最后，在文本框里，输入完，自动执行SearchStudent（）这个方法

三、自定义列模板

步骤一：在表头处，添加一个参数templet自定义列模板，它的类型是一个字符串（String），模板遵循laytpl语法，这边templet接收的属性值，就是一个方法名称

步骤二：在后面，再定义这个方法，在操作里需要添加什么，直接拼接成一个字符串，再返回；而rowData返回的是一个对象