单表查询数据

一、
定义全局变量存放layui的模块

Var layer，layuiTable；layui模块变量

Var tabAirport;数据表格

二、
加载layui的模块

$(function () {//加载layui的模块

layui.use([‘layer’, ‘table’], function () {

layer = layui.layer;

layuiTable =
layui.table;

//执行渲染

tabAirport=layuiTable.render({

elem: ‘#tabAirport’,//指定原始表格元素选择器（推荐id选择器）

//height: 315,//容器高度 ,如果不指定就是根据数据的多少自适应

url:"@Url.Content("~/SystemMaintenance/TCCMaintain/SelectAirport")",

cols: [[ //标题栏

{type:‘numbers’,title:‘序号’},//序号列

//field 和数据字段对应, title显示的表头,width:指定列宽度,不知道就是自适应宽度

{ field: ‘airportID’, title: ‘airportID’, hide: true },//hide:true 隐藏列

{ field: ‘airportCode’, title: ‘三  字  码’, align: ‘center’ },

{ field: ‘airportName’, title: ‘机场名称’,
align: ‘center’ },

{ field: ‘cityName’, title: ‘城市名称’,
align: ‘center’ },

{ field: ‘pinyinName’, title: ‘城市拼音名’,
align: ‘center’ },

//自定义列

{ title: ‘修改’, templet:
customUpdateCol, align: ‘center’ },

{ title: ‘删除’, templet:
customDeleteCol, align: ‘center’ },

]],

page: true,//开启分页

limit:5,//table初始化时每页显示的条数 (默认5)

limits:
[5,10,15,20,25,30], //每页条数的选择项

}); });
});

三、
在控制器里面查询表格里面的数据

public ActionResult SelectAirport(LayuiTablePage layuiTablePage){

//List<> 泛型

List<S_Airport> listData = (from tabAirport in myModels.S_Airport

orderby tabAirport.airportCode

select tabAirport)

.Skip(layuiTablePage.GetStartIndex())//跳过多少条数据 注意：GetEndIndex容易和GetStartIndex搞混

.Take(layuiTablePage.limit)//要查询多少条数据

.ToList();

//查询数据的总条数 Lambda表达式

int totalRows =
myModels.S_Airport.Count();

LayuiTableData<S_Airport> layuiTableData
= new LayuiTableData<S_Airport>(){

count = totalRows,//总条数,

data = listData//数据

};

return
Json(layuiTableData, JsonRequestBehavior.AllowGet);

}