表格初始化

表格初始化

开发工具与关键技术：VS、MVC

作者：黎官凤

撰写时间：2019/6/2

大家都知道在查询数据的时候都需要初始化表格，把查询出来的数据放在表格里装着，初始化表格就要使用到layui，layui是一个插件，使用插件需要引用相关的css、js文件。在视图上写页面的相关的样式，比如表格的html样式

还要在html里引用layui的css、js文件才能使用到lyui的相关功能。在里面写初始化表格的代码

在开始的位置要用var声明变量，tabTuiPiao是表格table的ID

在声明变量下写加载初始化的方法，如下

这是加载layui模块，在layui里面再写初始化表格的方法如下

在$里面写初始化layui再在layui里面写初始化Table表格，一层层的嵌套

tabTuiPiao 前面html里Table表格的ID

url: “selectTuiPIao”, url：路径，传输查询数据的路径。

                       selectTuiPIao：在控制器那边查询数据的方法

{ field: “RefundTicketID”, title: “RefundTicketID”, hide: true },//退票ID，主表的ID

hide：true 隐藏起来的意思，一般ID都是隐藏在背后的不需要传到页面，ID在数据库里面使用

{ field: “TicketNumber”, title: “票号”, align: “center” },

align: “center” 让字体在表格里居中显示

cols下面的page是要把数据放在表格里让它页面，你数据一般有很多条的不可以能都放在一页里面吧，所以数据要进行分页。分页数据在控制器那边也有代码，在控制器要计算数据的总条数、分页数据、实例化数据等等的操作。

这些写法基本是不变的，主要变的是table表格的ID、路径url、cols里面从第三行开始主表ID要变，下面的field和title这些字段要变，其它的基本是不变的。