查询

[weixin_44886816]

1. 加载一个表格
1.1.声明表格，执行渲染，有三种渲染方式：1).方法渲染、用JS方法的配置完成渲染，无需写过多的HTML，在JS中指定原始元素，再设定各项参数即可。2).自动渲染，HTML配置，自动U型安然，无需写过多JS，可专注于HTML表头部分。3).转为静态表格，转化一段已有的表格元素，无需配置数据接口，在JS中指定表格元素，并简单地给表头加上自定义属性即可
var layui表格名；
表名= layui表格名.render.render({
1.2.参数
elem: '#demo' //指定原始 table 容器的选择器或 DOM，方法渲染方式必填（推荐id选择器）
,height: Number/String //容器高度
Page：Boolean/Object //开启分页
Limit：Number //每页显示的条数（默认：10）
Limits：Array //每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
……
1.3. 设置表头
,cols: [[//标题栏
{
field：String //（必填项）设定字段名。字段名的设定非常重要，且是表格数据列的唯一标识
Title：String //（必填项）设定标题名称
Width：Number/String //设定列宽（默认自动分配）。支持填写：数字、百分比
minWidth：Number //局部定义当前常规单元格的最小宽度（默认：60），一般用于列宽自动分配的情况
type：String //设定列类型。可选值有：normal（常规列，无需设定）、checkbox（复选框列）、space（空列）、numbers（序号列）
fixed：String //固定列。可选值有：left（固定在左）、right（固定在右）。一旦设定，对应的列将会被固定在左或右，不随滚动条而滚动。
Style：String //自定义单元格样式。即传入 CSS 样式
Align：String //单元格排列方式。可选值有：left（默认）、center（居中）、right（居右）……}
]]
});
2.到控制器分页查询学生数据
2.1.链表查询出需要的数据
2.2.进行条件帅选：
if (条件){
变量名1= 变量名1.Where(自定义名 => 自定义名.需要查询的数据.Contains(需要查询的数据));
}
2.3.进行分页查询学生数据
List<自定义的表名> 变量名2= 变量名2
.OrderByDescending(自定义名=>自定义名.数据ID)//根据数据ID倒叙排序
.Skip(控制器传的数据.GetStartIndex())//跳过前面页数的数据
.Take(控制器传的数据.limit)//查询本页数据的条数
.ToList();//返回List集合
2.4.查询学生数据的总条数
int 变量名3= myModel.自定义表名.Count();
2.5.准备Layui Table所需的数据格式（泛型）
LayuiTableData<自定义表名> 变量名4= new LayuiTableData<自定义表名>(){
count = 变量名2,//总条数 data = 变量名3,//本页的数据
}
2.6.返回Json： returnJson(变量名4, JsonRequestBehavior.AllowGet);
3.到视图开始查询table
3.1.获取页面输入的数据
3.2.表格重载
表名.reload({
where: {
页面输入的数据1：页面输入的数据1，
页面输入的数据2：页面输入的数据2，
……},
page: {
curr: 1//重新从第一页开始
}
});