现在Layui越来越广泛地被使用,在自己不会写前端代码时,就可以用Layui前端来帮助自己,这次就讲讲前端的Layui数据表格的实现,Layui数据表格有三种渲染方式:方法渲染、自动渲染、转换静态表格,我这次的是方法渲染。给自己备个份,给小白一个借鉴。
想要使用Layui的插件或者模块,那就得拉上Layui的CSS与JS,Layui的JS最好加上“charset=”UTF-8””,防止乱码。代码如下:
CSS与JS拉进来了,就来瞅瞅前端/HTML的代码。方法渲染的HTML代码只需要一句。后面的是自定义按钮代码,也可以使用Layui表格按钮,看个人吧。自定义的都要给个id,这样后面JS可以获取得到。lay-event是用来监听事件的,后面要实现这个按钮,就要靠lay-event来获取按钮。
接下来就是JS代码实现方法渲染表格。首先,声明table,不声明的话,后面用不来Layui的表格。现在开始方法渲染表格,这