- 要把数据显示出来,我们需要一个表格,因此要先创建一个表格,在布局代码写上表格标签,<table id="demotable" lay-filter="tableGuid"></table>
JS代码
首先要调用插件的Table模块,然后用里面的方法,去渲染一个表格,容器就是是通过ID去找到,基本的属性要有容器,以及表头,以及数据源。
数据可以是本地数据也可以是通过数据接口来找到数据,接收的数据必须是要有四个字段,第一个是数据的总条数,第二个是数据,第三个是编号,第四个是提示。
即使编号和提示是空也要返回,否则就会报数据不符合规范的错
,如果要使用工具条也可以加上toolBar属性里面,可以直接绑定HTML元素到表格的上方
语法:table.on('event(filter)', callback); 注:event为内置事件名,filter为容器lay-filter设定的值
默认情况下,事件所监听的是全部的table模块容器,但如果你只想监听某一个容器,使用事件过滤器即可。
假设原始容器为:<table class="layui-table" lay-filter="test"></table> 那么你的事件监听写法如下:
- //以复选框事件为例
- table.on('checkbox(test)', function(obj){
- console.log(obj)