表格初始化

表格初始化


开发工具与关键技术: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这些字段要变,其它的基本是不变的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值