表格渲染分页操作

开发工具与关键技术： Visual Studio   layui
作者：黎凤焕
撰写时间：2019年 5 月 27 日

当表格渲染完成后，对渲染的字段进行查询，根据需要的内容查询信息，渲染表格的时候，可以对表格进行分页操作，如果渲染的表格数据比较多，用分页的方法比较好，便于用户查找信息。
public ActionResult SelectInvoice(LayuiTablePage layuiTablePage)
{
int InvoiceCount = (from tbInvoice in myModel.B_Invoice
select tbInvoice).Count();
List<B_Invoice> InvoiceData = (from tbInvoice in myModel.B_Invoice
orderby tbInvoice.InvoiceID descending
select tbInvoice)
.Skip(layuiTablePage.GetStartIndex())
.Take(layuiTablePage.limit).ToList();
LayuiTableData<B_Invoice> layuiTableData = new LayuiTableData<B_Invoice>();
layuiTableData.count = InvoiceCount;
layuiTableData.data = InvoiceData;
return Json(layuiTableData, JsonRequestBehavior.AllowGet);
}
对表格进行分页的时候，首先得声明LayuiTablePage这个类，然后引用它，分页的时候，如果没有设置分页的页条数，将默认为每十条一页，所以根据自己的需要对表格进行分页。分页使表格更加的美观。

page: {
limit: 5,//指定每页显示的条数
limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项
}, //开启分页

//监听行单击事件（双击事件为：rowDouble）
layuiTable.on(‘row(tabChargeDetail)’, function (obj) {
var data = obj.data;//获取点击行数据
//标注选中样式
obj.tr.addClass(‘layui-table-click’).siblings().removeClass(‘layui-table-click’);
//***单击选中单选框
obj.tr.find(‘div.layui-unselect.layui-form-radio’)[1].click();
});

根据渲染的表格名字来填写，给表格行监听事件，可以更加的容易看出点中的是哪行数据，以便更加准确。